jQuery管理元素集合

1、集合大小,列子如下:

  $("p#ab").html('共有'+$('li').size()+'个LI元素');

2、获取集合某一元素,各一元素集合

  $("img[alt]").get(0)

  var allLabeledButtons=$("label+button").get();

  var n=$("li").index($("li#abc")[0]);    alert(n);    取得第一个id=abc的li元素的索引值是多少

3、添加元素到元素集合

  $("img[alt],img[title]")

  $("img[alt]").add(img["title"]).end();用add方法有一好处就是可以用end方法还原到原来的元素集合$("img[alt]")     

  $(":checkbox:checked").add("input[id=ddd]").fadeOut();    

  $(":checkbox:checked,input[id=ddd]").fadeOut();

  $(":checkbox:not([id*=ddd])").fadeOut();    

  $(":checkbox").not("[id*=ddd]").fadeOut();

  上两种写法都得到同样效果。注意其中的写法。

  $("img").addClass("seeThrough").filter("[title*=dog]").addClass("thickBorder");

  $("*").slice(2,3)     得到新的包装集。

  $("*").slice(0,4)  得到新的包装集。

  $(":checkbox").find("[id*=ddd]").fadeOut();          得到新的包装集。

  $("*").find(":checkbox").insertAfter("#folloMe");

 

 

 

posted @ 2012-03-30 21:52  蕭慶蘋  阅读(231)  评论(0编辑  收藏  举报