JQUERY学习总结
.spanClass{ font-size:15pt; color:red;
} <span class="spanClass">hello jQuery</span> #hello_span{
font-size:15pt; color:red; } <span id="hello_span">hello jQuery</span> 在上一篇 jQuery 学习总结（一）中，简单的介绍了 jQuery 提供对 JavaScript 开发的四个部分的支持，这篇 文章将详细的用代码示例来说明如何实现。 1、DOM jQuery 提供强大的 DOM 查找功能，并且能够很方便的进行取值和赋值操作。查找元素最主要的是使用 选择器，可能还会需要筛选器的配合。从项目中来看，给 DOM 元素设置 id 及 name，会比较容易实现需 求。我列一下使用得最多的几种选择器：#id、.class、element、:eq、[attribute^=value]、 [attribute$=value]、[attribute=value]、[attribute]、:checked、:selected 等等。另 外 jQuery 提供的属性也是强大利器：attr、removeAttr、addClass、removeClass、html、val 等，在实际中，大量的被应用。在文档处理及 CSS 中 append、clone、empty、css、height、width 也是使用频率很高的。关于这部分的知识很复杂，精髓我可写不出来，我只能把我在项目中的体会、感悟、 想法记录下来，给需要的人一点帮助就很开心了。下面来看几个例子。 $("#ctr_id").val(id); //给合同 ID 赋值 $("#ctr_id").val(); //取得合同 ID 值 $("#ctr_sum").attr("disabled","disabled"); //将合同金额输入框设为不可用 $("[name=ctrRadio]:checked").attr("checked",""); //取消已选中的单选框 $("select[name='contract_kind'] option:eq(0)").attr("selected","selected"); //选中第一条记录 $("[name='btndel']").index(obj); //obj 是一个按钮对象，这表示该按钮位于相同名称按钮的第几个， 返回的索引值从 0 开始 $("ctr_advance").html("更多信息"); //给 span 设置 HTML 内容，此属性类似 innerHTML
);
}); });
jQuery 事件中定义的函数全都是一个匿名函数，如果在某些情况下，匿名函数内部要执行的代码是 一样的，这样重复定义就显得不规范了。因此，可以把这部分代码提取出来，写成一个函数，指定一个具
体的名称，再调用这个函数，看下面这个例子： function doSame(){}
$(“btn_a”).click( function(){ doSame(); }
我不打算像写教程那样，把 jQuery 的基础用法都罗列出来，那会很无趣，也没意义。网上这方面的知 识随便搜一下就一大堆。我准备从项目的角度出发，写出自己的感受。当然，一份 API 帮助文档是必不可 少的，在最末尾提供了 jQuery-1.2.6.chm 下载，需者自取。
首先我们要知道，JavaScript 开发基本可以分为以下四个部分： 1、查找 DOM 元素进行取值和赋值的操作、在特定节点位置进行内容的取值和赋值操作
关于事件类型，帮助文档里面说得也比较详细了，不清楚的话就查一下。为元素绑定事件，正规
说法是写成 bind 形式，其实我们一般都是采用简写方式： $(function(){
// 绑定 click 事件 jQuery("#btn_add").click(
function(){ alert("你点击的是新增按钮");
jQuery 学习总结
因为项目需要，同时也因为兴趣，在近一段时间研究和使用了 jQuery，它真的是太强大了，代码非常的 优雅和简洁，好后悔现在才开始了解它，虽然目前网络上关于 jQuery 的资料、学习心得，教程多得你看 不完，但我还是想把自己的一点学习经验写下来，不管是提供给那些想学习 jQuery 的人，还是保留一份 学习笔记，我觉得这都是很有必要的。
2、事件 我再一次，强烈的建议，给 DOM 元素添加的行为，一定不要和 DOM 元素混在一起，一定要和它们分离开 来，这里面有规范，也有教训。添加事件时我们一般在初始化的时候进行，让我们把<body onload=""> 这种写法抛弃掉，采用 jQuery 的写法。jQuery 的代码是可以跨浏览器运行的，这样的好处对开发人员 来说无疑是非常棒的！ $(document).ready(function(){ // 在这里写初始化代码 }); 也可以简写成： $(function(){ // 在这里写初始化代码 });
在说 jQuery 之前，不得不提下现在也非常流行的 mootools 框架。在网上，很多人把 mootools 比 作 java，把 jquery 比作 perl。我没研究过 mootools，也不发表意见，这完全没有意义。只要本身不 存在重大缺陷就可以了。用好了都强大。好比 Java 和.NET 争论了这么多年，一样的道理。
能够很方便简洁的写出强大的操作。比如操作属性：
$("#chkbox").attr("checked","checked").attr("disabled","disabled")。可以这样继续链下去，包括增 加事件、样式等等操作。
b、在页面加载时给 DOM 绑定事件。$("#chkbox").click(function(){ alert("hello jquery!"); }); c、show()和 hide()是 jQuery 中最基本的动画。对元素显示和隐藏，当然，我们还可以实现其 它的更复杂的动画。 d、$.ajax(options)是 jQuery 中最底层的 Ajax 实现。除此之外，还可以使用$.get()或$.post()实 现 Ajax 请求。 了解了以上内容后，jQuery 带给我们的另一个惊喜，在于它的 API 支持当前多种主流浏览器，使得你 不用再为了 IE、FireFox 等兼容问题而抓头发伤脑筋。在以前做项目的时候，我总是喜欢将行为或样式 属性写在 DOM 中。这是极其不好也极其不规范的一种做法。如今采用 jQuery 后，我将所有的行为全部从 DOM 中抽取了出来，放到 jQuery 初始化函数中进行绑定。而且 jQuery 的初始化函数比 window.onload 的加载速度更快。
$(this).addClass("hover");
}, function (){
$(this).removeClass("hover"); } );
toggle()方法的语法结构为：toggle(fn1,fn2,......fnN);
它用于模仿鼠标连续点击事件，当第一次点击元素，则触发指定的第一个函数(fn1)，当再次点击同 一元素时，则触发指定的第二个函数(fn2)，如果有更多函数，则依次触发，直到最后一个。随后的每次 点击都重复对这几个函数的轮番调用。通常情况是定义两个函数，在显示与隐藏中经常这样使用。对 toggle 事件来说，其实已经包含了 click 事件。 $("#ctr_advance").toggle(
); $(“btn_b”).click(
function(){ doSame();
} ); $(“btn_b”).click(
除了一般的响应事件，jQuery 还有两个合成事件——hover()和 toggle()。这两个事件的使用频 率也比较高。
hover()方法的语法结构为：hover(over,out); 它用于模仿鼠标悬停事件，当鼠标移动到元素上时，会触发指定的第一个函数(over)；当鼠标移出这 个元素时，会触发指定的第二个函数(out)。 $("td").hover( function (){
function () { $("#tbl_advance").show(); $(this).html("隐藏");
}, function () {
$("#tbl_advance").hide(); $(this).html("更多信息"); } ); <div id="ctr_advance">更多信息</div> <div id="ctr_info" class="hide">代码省略</div> 3、动画 show()和 hide()是 jQuery 中最基本的动画。在 HTML 文档里，为一个元素调用 hide()方法，会将 该元素的 display 样式改为"none"。 比如，使用如下代码隐藏 element 元素： $("element").hide(); //通过.hide(),隐藏元素 这段代码的功能跟用 css()方法设置 display 属性效果相同： element.css("display", "none"); //通过.css(),隐藏元素
jquery实训报告
jquery实训报告简介：本报告旨在总结和回顾我在jQuery实训中所学到的知识和经验。
通过本次实训，我深入了解了jQuery的基本概念和用法，并通过实践项目进一步熟悉了jQuery的各种功能和特性。
以下是我在实训过程中的体会和总结。
一、实训背景在这一部分，我将介绍进行jQuery实训的背景和目的。
为了更好地理解实训的目的，我选择了一个具体的项目来作为实践对象。
项目简介：项目名称：在线购物网站项目目标：通过使用jQuery来增强网站的交互和用户体验项目内容：实现购物车功能、商品分类展示、商品搜索以及用户登录验证等功能二、实训过程在这一部分，我将详细介绍在实训过程中所学到的具体内容和技术。
我将按照项目的不同功能来进行讲解。
2.1 购物车功能在这一小节中，我将分享在实训过程中学到的购物车功能的实现方法。
主要包括以下几个方面：1. 使用jQuery选择器选取和操作DOM元素，实现商品的添加、删除和数量的变化。
2. 使用本地存储(localStorage)来保存购物车中的商品信息，以便用户刷新页面后购物车中的内容不会丢失。
3. 使用事件委托来处理购物车中的动态元素（如删除按钮等）的点击事件。
2.2 商品分类展示在这一小节中，我将介绍实训过程中学到的实现商品分类展示的方法：1. 使用jQuery的ajax方法向后台发送请求，获取商品分类的数据。
2. 使用forEach方法遍历分类数据，动态生成商品分类的菜单。
3. 使用jQuery的事件绑定方法，实现商品分类的切换和相应商品的展示。
2.3 商品搜索在这一小节中，我将分享实训过程中学到的实现商品搜索功能的方法：1. 使用jQuery的事件绑定方法，监听搜索框的键盘输入事件。
2. 使用jQuery的ajax方法将用户输入的关键字发送到后台进行匹配。
3. 使用jQuery的append方法将匹配到的商品动态展示在页面上。
2.4 用户登录验证在这一小节中，我将介绍实训过程中学到的实现用户登录验证的方法：1. 使用jQuery的事件绑定方法，监听表单提交事件。
jQuery学习笔记
第一章一、$(document).ready(function(){//do something});和window.onload的区别1.前者同一页面可以使用多次，后者出现多次只有最后一次能正确显示2.前者在DOM模型加载完成后就开始执行，后台在所有元素（包括图片）加载完成后执行3.前者可以简化为$(function(){//do something});后者没有简写形式。
二、jQuery比较常使用的是链式操作，比如一个书目导航条：$(function(){$(“ul”).click(function(){$(this).addClass(“current”).children(“li”).slideDown().end().sublings().removeClass(“current”).children(“li”).slideUp();})})对于同一元素不超过3个操作的，一般写同一行，如果操作过多，可以将类似的操纵写成一行，便于阅读。
三、jQuery对象和DOM对象的转换1.jQuery转化为DOM对象Var $variable = $(“tr”); //jQuery objectVar variable = $variable[0]; //DOM objectThe transpartent method.DomObject = jQueryObject[index] or = jQueryObject.get(index).2.DOM Object To jQuery ObjectVar variable = getElementsByTagName(“tr”); //DOM objectVar $variable = $(variable) // jQuery object;The transpartent method.jQueryObject = $(DomObject)四、jQuery开发工具1.Dreamweaver 可以安装插件提示jQuery 插件名称：jQuery_API.mxp2.Aptana 功能非常强大的、开源、专注javascript和Ajax开发IDE;3.Visual Studio 2008。
我的一点看法jq
我的一点看法jq
1 什么是jQuery
jQuery是一种客户端JavaScript库，旨在优化HTML文档操作，事件处理，动画序列及Ajax交互。
与其它扩展完成相同任务相比，jQuery使用少量代码就能实现许多功能，并易于编写与调试，这使它成为许多网站开发者，特别是初学者，制作功能丰富的网站的首选工具。
2 jQuery的特点
a. 简单对于javascript，要实现同等功能，jQuery所编写的代码是比较简洁的。
b. 功能强大 jQuery的最大特点就是它的实现方式是基于事件驱动，它有很多强大的特性，能够让你做不到的事情变得更加容易。
c. 框架风格 jQuery也是一个框架，它提供各种预定义函数，帮助开发者实现功能。
3 用jQuery制作网站的优点
用jQuery制作网站可以帮助开发者更轻松、更有效率的实现网站的功能，使网站的界面更加美观，更容易使用，而且相当快速。
最重要的是，它可以让网站拥有最新技术的应用，比如让网站支持响应式布局。
4 总结
总而言之，jQuery是一个非常有用的 JavaScript 库，它具有简洁、功能强大以及框架式的特点，开发者可以使用它来更加轻松有效率的实现网站功能，以及帮助提升网站体验。
jQuery操作input值的各种方法总结
jQuery操作input值的各种⽅法总结获取选中的值获取⼀组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的⽂本var item = $("select[@name=items] option[@selected]").text();select下拉框的第⼆个元素为当前选中值$('#select_id')[0].selectedIndex = 1;radio单选组的第⼆个元素为当前选中值$('input[@name=items]').get(1).checked = true;获取值：⽂本框，⽂本区域：$("#txt").attr("value")；$("#txt").val();多选框checkbox：$("#checkbox_id").attr("value")；单选组radio：$("input[@type=radio][@checked]").val();下拉框select：$('#sel').val();控制表单元素：⽂本框，⽂本区域：$("#txt").attr("value",'');//清空内容$("#txt").attr("value",'11');//填充内容多选框checkbox：$("#chk1").attr("checked",'');//不打勾$("#chk2").attr("checked",true);//打勾if($("#chk1").attr('checked')==undefined) //判断是否已经打勾单选组radio：$("input[@type=radio]").attr("checked",'2');//设置value=2的项⽬为当前选中项下拉框select：$("#sel").attr("value",'-sel3');//设置value=-sel3的项⽬为当前选中项$("<optionvalue='1'>1111</option><optionvalue='2'> 2222</option>").appendTo("#sel")//添加下拉框的option$("#sel").empty()；//清空下拉框＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝在Jquery中,⽤$("#id")来获得页⾯的input元素,其相当于document.getElementById("element") 但是,该获取的是⼀个Jquery对象,⽽不是⼀个dom element对象.value是dom element对象的属性.所以,使⽤ $("#id").value不能取到值取值的⽅法如下: 取值：val = $("#id")[0].value; $("#id")[0].value = "new value"; 赋值： $("#id")[0].value = "new value";或者$("#id").val("new value"); val = $("#id").attr("value");＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝jquery input text radio check select<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>⽆标题⽂档</title><script src="jquery-starterkit/lib/jquery-1.3.2.min.js" type="text/javascript"></script></head><body><input type="text" id="dd" name="dd" value="dds"/>dd<input name="rr" id="rr" type="radio" value="34" />ff<input name="rr" id="rr2" type="radio" value="4" />55<input name="ff" type="checkbox" value="aa" />jgdg<input name="ff" type="checkbox" value="gd" />jgdg<select name="ss" id="ss" size="1"><option value=""></option><option value="8">d</option><option value="2">g</option></select><br/><input type="button" id="button" value="按钮⼀" /><input type="button" id="jj" value="按钮⼆" /><br/><div id="ssd">fgfooHello</div></body><script language="javascript" type="text/javascript"><!--$(function(){$("#button").click(function(){//获取值//alert( $('#dd').val());//type=text// alert($('input[name=rr][checked]').val());//type=radio// alert($('input[name=ff][checked]').val());//type=checkbox// alert($("select[name=ss] option[selected]").val());//select 相等于alert($("#ss option[selected]").val()); //获取⽂本//alert($("select[name=ss] option[selected]").text());//select//控制/*// Disable #dd 禁⽤$("#dd").attr("disabled","disabled");// Enable #dd 解禁$("#jj").removeAttr("disabled");*/// $('input[name=rr]').get(0).checked = true;//第⼀个radio被选中//alert($("input[type=radio][value=34]").attr("checked",'checked'));//value=34的radio被选中//alert($("input[type=checkbox][value=gd]").attr("checked",'checked'));//value=gd的checkbox被选中//$('input[name=ff]').get(1).checked = true;//第⼀个check被选中/*//根据option的text选中optioncount=$("#ss").find("option").length;for(var i=0;i<count;i++){if($("#ss").get(0).options[i].text == 'd'){$("#ss").get(0).options[i].selected = true;break;}} *///$("<option value='1'>1111</option><option value='25'>22s22</option>").appendTo("#ss");//增加option //$("#ss option[value=8]").remove("");//除去 <option value='8'>d</option>//$("#ss").attr("value",'2');//选中option//$('#ss')[0].selectedIndex = 1;//选中option//$("#ss").empty();//清空全部option/*//替换⽂本var $thirdLink = $("#ssd");var linkText = $thirdLink.text().replace('foo','bar');$thirdLink.text(linkText); */});});--></script></html>。
jQuery操作Table学习总结
jQuery操作Table学习总结jQuery操作Table学习总结随着WEB2.0及ajax思想在互联⽹上的快速发展传播，陆续出现了⼀些优秀的Js 框架，其中⽐较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的J SVM框架等，通过将这些JS框架应⽤到我们的项⽬中能够使程序员从设计和书写繁杂的JS应⽤中解脱出来，将关注点转向功能需求⽽⾮实现细节上，从⽽提⾼项⽬的开发速度。
jQuery是继prototype之后的⼜⼀个优秀的Javascript框架。
它是由 John Resi g 于 2006 年初创建的，它有助于简化JavaScript? 以及Ajax 编程。
有⼈使⽤这样的⼀⽐喻来⽐较prototype和jQuery：prototype就像Java，⽽jQuery就像ruby. 它是⼀个简洁快速灵活的JavaScript框架，它能让你在你的⽹页上简单的操作⽂档、处理事件、实现特效并为Web页⾯添加Ajax交互。
通过这段时间学习和练习，我掌握了⼤部分jQuery操作Table的知识。
1. 常⽤的HTML元素选取$(“xxx”) 所有标签的元素$(“p#demo”) 所有id=”demo”的元素$(“p.style”) 所有class=”style”的元素$(“#demo”) 所有id=”demo”的元素$(“.style”) 所有class=”style”的元素$(“[href]”) 所有带有href属性的元素$(“[href=’#’]”) 所有带有href属性且属性值为”#”的元素$(“[href!=’#’]”) 所有带有href属性且属性值不为”#”的元素$(“[href$=’.jpg’]”) 所有带有href属性且属性值以”.jpg”结尾的元素更多元素选取⽅法请查阅jQuery选择器参考⼿册。
2. 获取元素集合中的具体项如上，通过jQuery选取得到的HTML元素都是⼀组元素的集合，要获取到其中具体的某⼀项，可以使⽤eq(index)⽅法来获得集合中索引号为index的jQuery对象，如：[javascript] view plaincopyprint?1. $(“div”).eq(1).hide(); // 隐藏当前页⾯中第2个div元素若不获取具体的元素项就调⽤相关的⽅法，则会对该集合中的所有元素都执⾏该⽅法，如：[javascript] view plaincopyprint?1. $(“#demo”).hide(); // 隐藏当前页⾯中所有id=”demo”的元素3. jQuery对象与DOM对象需要注意的是eq⽅法获得的是jQuery对象，不是DOM对象，它只能执⾏jQuery 的⽅法⽽不能调⽤DOM的⽅法。
jquery总结
1 引入JQuery的js文件<scrīpt type="text/javascrīpt" src="js/jquery.js"></scrīpt>2 jquery中的对象1 jquery对象只能使用jquery的方法2 dom对象只能使用dom的方法3 jquery对象引用方法$() 引用，通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象）4 、jQuery对象与dom对象的转换1 普通的dom对象一般可以通过$()转换成jquery对象。
如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。
由于jquery对象本身是一个集合。
所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：$("#msg").html();$("#msg")[0].innerHTML;$("#msg").eq(0)[0].innerHTML;$("#msg").get(0).innerHTML;5 如何获取jQuery集合的某一项$("div").eq(2).html(); //eq返回的jquery对象，调用jquery对象的方法$("div").get(2).innerHTML; //get(n)和索引返回的是dom元素对象，调用dom的方法属性6、同一函数实现set和getJquery中的很多方法都是如此，主要包括如下几个：$("#msg").html(); //返回id为msg的元素节点的html内容。
jQuery选择器和遍历的总结
jQuery选择器和遍历的总结$('*'):全部元素$(this):选中这个元素，this永远指的都是调⽤函数的那个对象$('#intro'):id为intro的元素$('.intro'):class为intro的元素$('li:first'):所有li⾥的第⼀个$('li:last'):所有li⾥的最后⼀个$('li:first-child'):某个⽗元素⾥的第⼀个⼦元素，同时得是li元素$('ul li:first'):第⼀个ul⾥的第⼀个li$('ul li:first-child'):每个ul⾥的第⼀个⼦元素，同时得是li元素$('footer .item:last-of-type'):footer的后代元素，类名是item，是其兄弟元素中的最后⼀个(元素种类不⼀致时每种元素都会出⼀个)$('ul li:nth-child(n)'):每个ul⾥的第n个⼦元素并且同时得是li元素，n从1开始$('ul li:nth-child(n+4)'):每个ul⾥的第4个⼦元素后⾯的元素并且同时得是li元素，包括第4个⼦元素，n从0开始$('ul li:nth-child(-n+4)'):每个ul⾥的第1，2，3，4个⼦元素并且同时得是li元素，包括第4个⼦元素，n从0开始$('ul li:nth-child(3n+1)'):隔⼆取⼀$('ul li:nth-last-child(n)'):倒数第n个，n从1开始$('ul li:nth-of-type(2)'):每个ul⾥的li元素⾥的第⼆个，括号⾥的数字从1开始$('p.intro'):intro类中的p元素$('div>span'):div的直接⼦元素⾥的span$('div span'):div的后代⼦元素⾥的span$('.intro+'):每个类名为intro的元素的下⼀个兄弟元素$('div~p'): div后⾯的兄弟元素⾥的所有p元素$('li:even'):索引值是偶数的li，注意！索引值从0开始$('li:odd'):索引值是奇数的li$('li:lt(3)'):索引值⼩于3的li$('li:gt(3)'):索引值⼤于3的li$('li:eq(index)'):按索引值index选中元素，index从0开始$('ul:parent'):是⽗元素的ul$('div:has(span)'):⾥⾯有span元素的div$('div:has(p，span，li)'):⾥⾯同时有p，span和li的div$(':animated'):当前所有动画元素$(':button'):button元素和type='button'的input元素$('[id]'):有id属性的元素$('[id="jQuery"]'):有id属性且属性值等于jQuery的元素。
jquery常用总结
$("a").after($("#the")) 查找一个对象直接插入到指定元素的后面
3.append(html) 在指定对象内部插入html
4.appendTo(html) 在指定对象外部部插入html 与append相反
7.fadeTo(speed,opacity,function) 将匹配对象以speed速度调整到透明度为opacity(0-1)时然后执 行函数function
$(document).ready(function() {
$("#back").click(function() {
<asp:ListItem Text="1" Value="1"></asp:ListItem>
</asp:RadioButtonList>
</div>
</form>
<l>
15.alert($("#5").attr("key","value")); key,value 为指定对象设置属性和值
16.alert($("#5").removeAttr("src")); removeAttr(name) 删除指定对象的属性
三、css操作
1.alert($("#div1").css("color")); css(name) 得到指定对象css样式属性的值
使用jQuer的技巧总结
jquery使用技巧总结本文来源于网站建设：/一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM 框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。
jQuery是继prototype之后的又一个优秀的Javascript框架。
它是由John Resig 于2006 年初创建的，它有助于简化JavaScript? 以及Ajax 编程。
有人使用这样的一比喻来比较prototype和jQuery：prototype就像Java，而jQuery就像ruby. 它是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。
它具有如下一些特点：1、代码简练、语义易懂、学习快速、文档丰富。
2、jQuery是一个轻量级的脚本，其代码非常小巧，最新版的JavaScript包只有20K左右。
3、jQuery支持CSS1-CSS3,以及基本的xPath。
4、jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
5、可以很容易的为jQuery扩展其他功能。
6、能将JS代码和HTML代码完全分离，便于代码和维护和修改。
7、插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效以及ajax上传等。
jQuery的设计会改变你写JavaScript代码的方式，降低你学习使用JS操作网页的复杂度，提高网页JS开发效率，无论对于js初学者还是资深专家，jQuery都将是您的首选。
JQUERY知识点
J Q U E R Y知识点(总18页) -CAL-FENGHAI.-(YICAI)-Company One1-CAL-本页仅作为文档封面，使用请直接删除基于属性的选择器在HTML中，几乎所有元素都具有属性，比如：1.<img src=""alt=""width=""height=""border="0"/>2.<input type="text"name="email"value=""size="80"/>上面两个HMTL元素中包含了九个属性。
利用jQuery，我们可以根据元素的属性和属性值来对元素进行选择。
一起看看以下例子中的选择器：3.$(document).ready(function(){4.5. lick(function(){6.7. alert("You'vejustselectedanimagewhosewidthis600px");8.9. });10.11. lick(function(){12.13. alert("You'vejustselectedanimagewhosewidthisnot600px");14.15. });16.17. ocus(function(){18.19. alert("Thisinputhasanamewhichendswith'email'.");20.21. });22.23.});基于属性的选择器在HTML中，几乎所有元素都具有属性，比如：1.<img src=""alt=""width=""height=""border="0"/>2.<input type="text"name="email"value=""size="80"/>上面两个HMTL元素中包含了九个属性。