原来Jquery就是一个javascript写的一个库，它给我们提供了很多常用的方法，使用这些方法可以兼容多种浏览器，使用它可以达到很好的动画效果，下面就来看看那些年的学习笔记吧一、$符号 1、选择器 可以选择html标签，也可选择ID,Class等 如下： 代码如下: <script type="text/javascript"> $( function() { $("table.datalist tr:nth-child(odd)").addClass("one");//odd:匹配奇数，even：偶数，nth-child:匹配其...
each()遍历元素（k1） 代码如下:$(document).ready(function () { $("#btn").html("each()遍历元素").click(function (event) { $("div").each(function (index) { $(this).html("这是第" + index + "个div"); }); event.preventDefault(); }); }); 获取属性的值（k1）attr(name) 代码如下:$(document).ready(function () { $("#btn").html("获取属性值").click(function (event) { $("div").each(function () { alert("title属...
摘要： ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据 ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据，本节主要介绍使用jqery封装的ajax使用XML格式接收服务器端的数据。 由于很多知识都已经做了详细介绍，本节只介绍需要修改的代码，使用jqery封装的ajax使用XML格式接收服务器端的数据，web.xml、后台的servet都不用改， 只是ajax.html中调用的...
缓存问题： 何谓缓存问题？即当浏览器的输入内容相同，即请求的URL相同，这样浏览器就会去读缓存，两次的内容一样，就不会和服务器端进行交互。 解决方式：在请求的url中加上时间戳。 通过我的测试，IE、360两次用户名输入一致时不会和服务器端交互，firefox即使两次用户名输入的一样，仍然会和服务器端交互。 即：firefox的中服务器端返回的temp值会每次加1，IE、360就不会改变。故加上时间戳在这三种浏览器中都不会再有缓存问题。...
AJAX简单介绍： AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML），是指一种创建交互式网页应用的网页开发技术。通过 AJAX，JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您JavaScript 可在不重载页面的情况与 Web 服务器交换数据。 jQuery是一种javascript框架，是对javascript的一种轻量级的封装，容易理解。 Ajax是一种由xml+javascript组合起来的一种异步请求...
摘要：本节补充ajax学习笔记1中 第二种方式：使用XMLHttpRequest对象的responseXML的方式来接受XML数据对象的DOM对象 在ajax学习笔记1中已经对准备工作和需要用到的知识做了比较详细的介绍，本节主要介绍需要修改的代码以及新增的代码 .新增一个servlet类 AJAXXMLServer.java 代码如下:import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; im...
好了，唠嗑就到这里，现在看如何用jquery实现无刷新登录。 首先先创建html的部分 代码如下:<table> <tr> <td> 用户名： </td> <td> <input type="text" id="username" /> </td> </tr> <tr> <td> 密码： </td> <td> <input type="text" id="password" /> </td> </tr> <tr> <td> 验证码： </td> <td> <input type="text" id="cord" /> <img alt="点击更换验证码" title="看不清楚，请单击我！" id="checkcord" src="img.ashx" /> </...
在此贴出一些学习成果，希望能对学习JQuery的其他同学有所帮助，同时也记录下自己的学习情况。 看了一些JQuery的官方教程，已经有点心潮澎湃了，就决定自己尝试着写一些东西出来。我看到了很多很绚的动画效果，然后决定自己也尝试一下，我决定要写一个圆周运动的动画效果，下面贴出js代码 代码如下:var CircleAnimation = function (center_left, center_top, id, clockwise, duration) { return new CircleAnimation.fn.init(cen...
在使用JQuery的时候如果你想寻找某个容器（诸如div或者是table中的某些子元素），那么很容易就使用find方法。find将使用迭代的方式寻找所有符合条件的子元素，并且可以统一、批量的设置css等内容。 比如有这样一个table： 代码如下:<table id="outer"> <tr> <td> <table id="nested"> <tr> <td> 内嵌Table，行1列1 </td> <td> 内嵌Table，行1列2 </td> </tr> <tr> <td> 内嵌Table，行2列1 </td> <td> 内嵌Table，行2列2 </td> </t...
jQuery是什么？ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera ...
什么是DOM对象？ HTML是以树形结构来组织文档的，具体如下: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>1-4</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- 引入 jQuery --> <script src="../scripts/jquery-1.3.1.js" type="text...
一.基本选择器：#id :选择给定ID名的元素 如：$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素，以逗号隔开，可以是类或id名 二.层次选择器：$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素 $("parent>child") ：选择parent下的所有child（子）元素 $(prev+next) :选择紧...
一.节点的操作 1.查找节点： var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点 如：var $ul_1=$("ul"); 2.创建并追加节点： var $var_1=$("<htmltype>");//这句话是创建一个节点 $("htmltype2").append($var_1) ; //这句话是把节点插入所有htmltype2节点中 例子：var $li_1=$("<li title="title1">香蕉</li>"); $("ul").append($li_1); 其中插入方法有以下几种：append() 把B追加到A内部（所有的A元素...
一.事件绑定 1.事件绑定函数 事件的绑定函数为如下形式： .bind(type [,data],fn) type:类型 如click..... data:参数 fn:事件执行的函数 例子 代码如下:$(function(){ $(#id1).click(function(){ $(#id2).show();//id2显示 }) ; }); 二.合成事件 1.鼠标滑过事件 .hover(enter,leave) enter:鼠标光标移动到对象时触发的函数 leave:鼠标光标移出对象触发的函数 例子： 代码如下:$(function(){ $(#id1).hover(function(){ $(#id2)....
一.系统预定义的动画函数 1.显示隐藏函数 show(); //显示元素(同时增加宽、高、不透明度) hide(); //隐藏元素 执行hide()隐藏界面元素，相当于将css样式中的display:none. 我们也可以在函数中加入参数，具体如下： show("slow"); 除了slow取值外，还可以设置为normal,fast,分别代表时间为600，400，200毫秒 我们也可以加如具体时间取值。具体如下： slow(1000); 这样代表时间完全显示出元素的时间间隔为1000毫秒 2.不透明度函数 fa...