标签：
Q 可以让我们的JS代码更加优化，写的代码更少，实现的效果却更多。
到目前为止，我们学习选择器、属性、筛选、文档处理、CSS、事件效果以及Ajax。
选择器：常用的选择器有id和class；JQ新增了我们以前没见过的选择器函数。
:even:匹配所有索引值为偶数的元素，从0开始计数；
:eq(index)：匹配给定索引值的元素；从0开始计数;
:It(index);匹配所有小于给定索引值的元素；
:parent匹配含有子元素或者文本元素；
还有很多选择器:hidden,:first-child,:root等等；
属性：
attr(name|properties|key,value|fn)设置或者返回被选元素的属性值。
例如：$(“img”).attr(“src”,”teat.jpg”);将所有img标签的src属性改成test.jpg图片；
html(val|fn)该函数可以用于获取和替换该匹配标签的html内容；
例如：$(‘p’).html();获取所有p标签的html内容；
$(‘p’).html(‘index’);将所有P标签的html内容替换成index；
text(val|fn)该函数可以用于获取和替换该匹配标签的文本内容；
例如：$(‘p’).text();获取所有p标签的文本内容；
$(‘p’).text(‘index’);将所有P标签的文本内容替换成index；
区别：html(val|fn)替换的内容中如果有元素标签，可以识别和解析，而text(val|fn)不能识别和解析；
val(val|fn)获取匹配元素的当前值且可改变匹配元素的当前值。
例如：$(‘input’). val ();获取input标签的当前值；
$(‘input’). val (‘index’);将input标签的当前值index；
还有很多属性：如addClass添加指定类名，removeClass删除指定类名,prop属性状态等等；
筛选：更精确的获取你想要获得的对象；
eq():获取第N个元素；
first()获取第1个元素；
last()获取第最后1个元素；
parent()取得一个包含所有匹配元素的唯一的父元素集合。
next()获取匹配元素紧邻的后面一个同级元素；
例如：<p>hehe</p><p>haha</p><p>xixi</p>
$(‘p’).next()结果<p>haha</p>，<p>xixi</p>
nextAll()获取匹配元素的后面所有同级元素；
例如：<p>hehe</p><div>haha</ div >< div >xixi</ div >
$(‘p’).nextAll()结果< div >haha</ div >< div >xixi</ div >
prev()获取匹配元素紧邻的前面一个同级元素；
例如：<p>hehe</p><p>haha</p><p>xixi</p>
$(‘p’). prev ()结果<p>hehe</p>，<p>haha</p>；
prev All()获取匹配元素的前面面所有同级元素；
例如： <div>haha</ div >< div >xixi</ div ><p>hehe</p>
$(‘p’). prevAll ()结果< div >haha</ div >< div >xixi</ div >
文档处理：
Append()想所有匹配的元素内部增加内容；
例如：<p>I would like to say: </p>
$("p").append("<b>Hello</b>")结果<p>I would like to say: <b>Hello</b></p>；
prepend(content)：向每个匹配的元素内部前置内容。
例如：<p>I would like to say: </p>
$("p").prepend("<b>Hello</b>")结果<p><b>Hello</b>I would like to say: </p>
CSS：
css()：可改变陪的元素样式和属性；
例如：<p>I would like to say: </p>
$("p").css(“color”,”red”)结果P标签内的字体颜色全部改为了红色；
width()：可改变陪的元素的宽度值；
例如：<div>I would like to say: </ div >
$(" div "). width (20)结果P标签宽度值改为20px；
事件：
Bind():为每个匹配元素的特定事件绑定事件处理函数。
Blur():设置当元素失去焦点时触发 blur 事件。
例如：$("p").blur( function () { alert("Hello World!"); } );当该P标签失去焦点时，浏览器弹出“Hello World！”；
还有很多属性：如mousedown(),mouseup(),mouseover(),mouseout(),click()等等。
效果：
animate();自定义动画函数的创建；
例如$("#block").animate({
width: "90%",
height: "100%",
fontSize: "10em",
borderWidth: 10
}, 1000 );
结果：动画触发，该匹配元素宽度变为父元素的90%，高度变为父元素的100%，该元素内的字体大小变为10em，边逛的宽度变为10px；
stop();停止所有在匹配元素上正在运行的动画。
例如：$("#stop").click(function(){
$("#box").stop();
});
结果：当点击#stop时；停止#box的一切动画效果；
标签：
原文地址：http://www.cnblogs.com/z5206808/p/4541777.html
