jQuery文檔分析3-jQuery元素篩選

篩選時從包含一個或者多個dom對象的jQuery對象中找出某個dom對象所對應的jQuery對象我們從而可以進行操作
1、
$("p").eq(-2)  從搜索到的p標簽中選擇出倒數第二個p元素對應的jQuery對象註意不是dom對象,這裡要和get方法區分開 。
get方法是獲取dom對象然後 根據html dom進行操作
如果從正向開始篩選那麼,索引時基於0的  www.aiwalls.com
2、
$("li").first()  選擇出搜索到的li序列對應的jQuery中的第一個li對應的jQuery對象 。。
 
3、
$('li').last()  原理同上 找出最後一個dom元素對應的 jQuery對象,我們從而可以對他進行操作 4、 $(this).hasClass("protected")  判斷當前的元素是否有指定的class 屬性,有返回true 沒有false 代碼如下:$(function(){
   $("li").first().click(function(){
    if($(this).hasClass("menu")){
     $(this).hide(1000);
    }
 

   }) ;
  }) ;<ul>
<li class="menu">item1</li></ul>效果單擊item1 將隱藏 …並且緩慢進行、、5、fileter 過濾器..可以通過我們傳遞的參數過濾掉不符合要求的元素  $("li").filter(".menu") 篩選出li中class屬性是menu的元素 $("li").filter(",menu,:first")  帥選出來class=menu和第一個li元素…參數都是選擇器字符串,,,多個選擇器子串需要逗號分隔 $("li").filter(function(i){             //選擇出li中不包括span 子元素的li元素
  return $("span",this).length==0 ;
  })6、$("input[type='checkbox']").parent().is("form")  檢測checkbox的父親元素是不是form7、$('li').has('ul') 隻保留li中的有ul  的元素  8、$("p").not("#id")  刪除指定元素  9 、 $("li").not($("#menu")[0]) 從 li中刪除所有id不是menu的元素  10、 $("li").slice(-1)  li的左後一個元素  $("li").slice(0,4) 選取li集合中索引0-4的元素 11、$("ul").children() 查找ul中的所有子集 $("ul").children(".classname")  選擇ul中class屬性為classname的元素… $("ul").children("li")  選出ul中所有li集合 12、$("p").find("span")  從所有的p標簽開始 搜索span元素…  參數遵循css選擇器 13 、$("p").next(".selected")  取出p元素後面所有同級帶有class=selected屬性的集合 、14 、$("p:first").nextAll().addClass("after","one");為p集合中第一個p後面的所有元素 添加after=one屬性 15、$("p").parent() 返回段落的父元素 $("span").parents()  搜索span的祖先元素  16、 $("p").prev() 取p的前面的同輩元素 17、$("p:last").prevAll().addClass("before"); 取到p最後一個元素 前面的所有p元素..並且增加class =before18、$("p").add(document.getElementById("a"))  在p中添加id為a的元素//19、 $("p").find("p").andSelf().addClass("border");  選取所有的p和 p內部的p 並且增加class =border 20、$("iframe").contents().find("body")  .append("I'm in an iframe!");查找iframe標簽中的所有元素 ,並且向內部增加內容 …contents返回所有的節點 、 21 、$("p").find("span").end()  查找p對應的jQuery對象,然後查找p中的span …最後通過end破壞之前的操作…結果返回的還是p的集合對應的jQuery對象。。jQuery元素的篩選就到這裡瞭….

作者:yue7603835

You May Also Like