John Resig在2006年1月发布的一款跨主流浏览器的JavaScript库，简化JavaScript对HTML操作
jQuery官网
jQuery的九类选择器
目的：通过选择器，能定位web页面（HTML/JSP/XML）中的任何标签
（1）基本选择器
（2）层次选择器
（3）增强基本选择器
（4）内容选择器
（5）可见性选择器
（6）属性选择器
（7）子元素选择器
（8）表单选择器
（9）表单工具属性选择器
把稳：项目中，常日是多种选择器一起利用
观点总结
jQuery总结
下面详细先容一下头四种选择器：
（1）基本选择器
alert( $(\"大众#div1ID\"大众).size() );
查找DIV元素的个数
alert( $(\"大众div\"大众).size() );
查找所有样式是\"大众myClass\公众的元素的个数
alert( $(\公众.myClass\"大众).size() );
查找所有DIV,SPAN,P元素的个数
alert( $(\"大众div,span,p\"大众).size() );
查找所有ID为div1ID,CLASS为myClass,P元素的个数
alert( $('#div1ID,.myClass,p').size() );
（2）层次选择器
找到表单form里所有的input元素的个数
alert( $(\"大众form input\公众).size() );
找到表单form里所有的子级input元素个数
alert( $(\"大众form > input\"大众).size() );
找到表单form同级第一个input元素的value属性值
alert( $(\公众form + input\"大众).val() );
找到所有与表单form同级的input元素个数
alert( $(\公众form ~ input\"大众).size() );
（3）增强基本选择器
查找UL中第一个元素的内容
alert( $(\"大众ul li:first\"大众).text() );
查找UL中末了个元素的内容
alert( $(\公众ul li:last\"大众).text() );
查找表格的索引号为1、3、5...奇数行个数，索引号从0开始
alert( $(\公众table tr:odd\"大众).size() );
查找表格的索引号为2、4、6...偶数行个数，索引号从0开始
alert( $(\"大众table tr:even\公众).size() );
查找表格中第二行的内容，从索引号0开始，这是一种先人 后代 的变革形式
alert( $(\"大众table tr td:eq(1)\"大众).text() );
查找表格中第二第三行的个数，即索引值是1和2，也便是比0大
alert( $(\"大众table tr:gt(0)\"大众).size() );
查找表格中第一第二行的个数，即索引值是0和1，也便是比2小
alert( $(\公众table tr:lt(2)\"大众).size() );
给页面内所有标题<h1><h2><h3>加上赤色背景色，且笔墨加蓝色
$(\公众:header\"大众).css(\"大众background-color\"大众,\公众red\"大众).css(\公众color\"大众,\"大众blue\"大众);
查找所有未选中的input为checkbox的元素个数
alert( $(\公众:checkbox:NOT(:checked)\公众).size() );
（4）内容选择器
查找所有包含文本\"大众John\公众的div元素的个数
alert( $(\公众div:contains('John')\公众).size() );
查找所有p元素为空的元素个数
alert( $(\公众p:empty\"大众).size() );
给所有包含p元素的div元素添加一个myClass样式
$(\"大众div:has(p)\"大众).addClass(\"大众myClass\"大众);
查找所有含有子元素或者文本的p元素个数,即p为父元素
alert( $(\"大众p:parent\"大众).size() );
jQuery常用Method-API
目的：对web页面（HTML/JSP/XML）中的任何标签，属性，内容进行增编削查
DOM分类
DOM规则与jQuery技能的关系
（1）DOM简述与分类
（A）DOM是一种W3C官方标准规则，可访问任何标签措辞的页面(HTML/JSP/XML)
（B）DOM是跨平台(window/linux/unix)，跨措辞(javascript/java)，
跨浏览器(ie/firefox/Chrome)的标准规则
（C）我们只须要按照DOM标准规则，针对主流浏览器(ie/firefox/Chrome)编程
（D）JS/jQuery按照DOM的标准规则，既可以操作HTML/JSP，也能操作CSS
（E）DOM标准规则不是JS的专属，其它措辞，也能适用，例如:VBScript，Java措辞等
（2）DOM标准规则下的jQuery常用API，把稳：以下方法均由jQuery工具调用
each()：是jQuery中专用于迭代数组的方法，参数为一个处理函数，
this表示当前须要迭代的js工具
append()：追加到父元素之后
prepend()：追加到父元素之前
after()：追加到兄弟元素之后
before()：追加到兄弟元素之前
attr(name)：获取属性值 attr(name,value)：给符合条件的标签添加key-value属性对
$(\"大众<div id='xxID'>HTML代码</div>\"大众)：创建元素，属性，文本
remove()：删除自已及其后代节点
val()：获取value属性的值
val(\"大众\"大众)：设置value属性值为\"大众\公众空串，相称于清空
text()：获取HTML或XML标签之间的值
text(\"大众\公众)：设置HTML或XML标签之间的值为\"大众\"大众空串
clone()：只复制样式，不复制行为
clone(true)：既复制样式，又复制行为
replaceWith()：替代原来的节点
removeAttr()：删除已存在的属性
addClass()：增加已存在的样式
removeClass()：删除已存在的样式
hasClass()：判断标签是否有指定的样式，true表示有样式，false表示无样式
toggleClass()：如果标签有样式就删除，否则增加样式
offset()：获取工具的left和top坐标
offset({top:100,left:200})：将工具直接定位到指定的left和top坐标
width()：获取工具的宽
width(300)：设置工具的宽
height()：获取工具的高
height(500)：设置工具的高
children()：只查询子节点，不含后代节点
next()：下一下兄弟节点
prev()：上一下兄弟节点
siblings()：高下兄弟节点
show()：显示工具
hide()：隐蔽工具
fadeIn()：淡入显示工具
fadeOut()：淡出隐蔽工具
slideUp()：向上滑动
slideDown()：向下滑动
slideToggle()：高下切换滑动，速率快点
口试题--find(\"大众9类选择器\"大众)：查询指定的节点和多重each()迭代
//利用jquery弹出奇数的tr标签下的td里的值
var $tr = $(\"大众table tr:lt(4):even\公众);
$tr.each(function(){
//tr中查找td标签,$(this)表示tr
var $td = $(this).find(\"大众td\"大众);
$td.each(function(){
//$(this)表示td
var txt = $(this).text();
alert(txt);
});
});
jQuery常用Event-API
目的：对web页面（HTML/JSP）进行事宜触发，完成分外效果的处理
window.onload：在浏览器加载web页面时触发，可以写多次onload事宜，但后者覆盖前者
ready：在浏览器加载web页面时触发，可以写多次ready事宜，不会后者覆盖前者，依次从上向下实行，我们常用$(函数)简化
ready和onload同时存在时，二者都会触发实行，ready快于onload
change：当内容改变时触发
focus：焦点获取
select：选中所有的文本值
keyup/keydown/keypress：演示在IE和Firefox中获取event工具的不同
mousemove：在指定区域中不断移动触发
mouseover：鼠标移入时触发
mouseout：鼠标移出时触发
submit：在提交表单时触发，true表示提交到后台，false表示不提交到后台
click：单击触发
dblclick：双击触发
blur：焦点失落去
口试的思路
jQuery的第二部分就先先容到这里了，下次将是jQuery入门的末了一个部分：《jQuery入门3》，敬请期待。
