jquery基础

书籍jquery in action(jquery实战),jquery有原版库和压缩之后的mini库（jsmin.exe,进入到js类库dos命令下 jsmin *.js /*）

js开发IDE：aptana

jquery ui：easyUI，DWZ，miniUI等

$(document).ready(function(){})等价于$(function(){});

jquery中的包装集：

使用逗号来分割多个包装集：$("tbody tr:eq(2) , tr#xyz").css("","");

另外可使用add方法来连接多个包装集：$("tbody tr:eq(2)").add("thead tr td:eq(2)").css("","");

not删除：$("tr").not("tr#abc").css("","")所有的tr除去id为abc的tr;

filter过滤：$("tr").filter("tr:lt(3)").css("","");过滤掉不符合过滤条件的其他元素，即只有小于3的元素被选中;

slice切割：$("tr").slice(1,3).css("",""),1到3之间的元素被切割出来即1和2这两个元素取下不取上，返回新的包装集;

find查找：$("table").find("tr#abc").css("","");查找符合条件的元素，返回的是一个新的包装集;

is判断：$("td").is("td:contains('xx)"),判断当前的包装集中是否有某个元素,返回boolean值;

children()获取子元素：children("tr td")是不对的，children("tr").children("td")才正确;

next(),nextAll():前者返回下一个元素，后者返回下面的所有兄弟元素,返回的是一个新的包装集 ;

parent(),parents():前者返回上一级的直接父元素$("#sp").parent("div")返回d1，后者返回所有的满足条件的祖先元素$("#sp").parents("div")返回d1和d2:

<div id="d2">

zs

<div id="d1">

<span id="sp">ls</span>

</div>

</div>

prev()：返回唯一前面兄弟元素,prevAll()所有的前面兄弟元素,siblings()所有的兄弟元素。

attention:add(),not(),filter()返回当前包装集,find(),slice(),clone(),parent(),prev,children(),siblings()等返回的是新包装集,

add()会添加新元素到包装集,not()和filter()是在当前包装集的基础上进行操作,find()是在元素集中查找而filter()是在包装集中过滤。

 

链式编程：使用end()方法返回上一个包装集

实现元素的复制：使用clone()方法实现元素的复制，现有两个表格table，一个id为user（里面有数据）的table，另一个id为employee没有数据的table，需把user的数据复制到employee中，使用$("#user tbody").clone().appendTo("#employee);

andSelf()：把所有的包装集合在一起;

map:可以将某个包装集中的元素转换成数组，用法 var p = $("xx").map(function(){....xxx...return xx;}).get(),即p为返回的数组,也可返回json对象的数组

has:返回新的包裝集.