亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery之過濾元素操作小結

2019-11-20 21:33:03
字體:
來源:轉載
供稿:網友

1:eq(index)方法

用于獲取第N個元素,這個元素的位置從0開始算起,語法格式如下:eq(index)

獲取第3個表格,并將它的背景色設置為"#FCF", 代碼如下:$("td").eq(2).css("background", "#FCF");


2:filter(expr)方法

用于篩選出與指定表達式匹配的元素集合,用于縮小匹配的范圍,用逗號分隔多個表達式,那么多個表達式之間是“或”的關系,

語法如下:filter(expr)

$("input").filter(".sel").css("backgroud", "#FCF");  //選取帶有class屬性值為sel的input元素,并設置它的背景色

$("input").filter(".sel, :first").css("background", "#FCF");  //選取帶有class屬性值的input元素或者選取當前領域中的第一個元素,并設置它們的背景色,

表達式之間用逗號分隔


3:filter(fn)方法

用于篩選出與指定函數返回值匹配的元素集合,該函數內部將對每個對象計算一次(如$:each)。如果調用的函數返回false,則這個元素將被刪除,

否則就會保留。語法格式如下:filter(fn)

復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>filter(fn)用法</title>

<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
   $(document).ready(function(){
      $("p").filter(function(index){
        return $("ol", this).length == 0;
    }).css("color", "blue");
   })
</script>

</head>

<body>
     <p>
       <ol>
           <li>Hello</li>
       </ol>
     </p>
     <p>How are you?</p>
</body>
</html>


假設子元素中不含有ol元素,并設置該元素的字體顏色為藍色。



4:has(expr)方法

用于保留包含特定后代的元素,去掉那些不含有指定后代的元素,該方法將會從給定的jQuery對象中重新創建一組匹配的對象,提供的選擇器會一一測試原先

那些對象的后代,含有匹配后代的對象將得以保留,語法格式如下:

has(expr)

復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>has(expr)用法</title>

<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
   $(document).ready(function(){
      $("li").has("ul").css("color", "red");
   })
</script>

</head>

<body>
    <ul>
       <li id="menu_li">
          <ul id="menu_ul">
              <li>新聞</li>
              <li>網頁</li>
              <li>知道</li>
          </ul>
       </li>
       <li>正文</li>
       <li>結尾</li>
    </ul>
</body>
</html>


5: hasClass(class)

用于檢查當前的元素是否含有某個特定的類,如果有,則返回true

復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hasClass用法</title>

<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
   $(document).ready(function(){
     $("div").click(function() {
     if($(this).hasClass("protected")) {
      $(this).css("border", "1px solid blue");
     }
   });
   })
</script>

</head>

<body>
   <div class="protected">div元素</div>
   <div>div元素二</div>
</body>
</html>


6:map(callback)方法

map(callback)方法用于將一組元素轉換成其他數組(無論是否是元素數組), 可以用這個函數來建立一個列表,無論是值、屬性還是CSS樣式,或者其他特別形式,

都可以用$.map()來方便的建立,語法格式如下:

map(callback)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91视频免费网站| 中文字幕亚洲欧美日韩在线不卡| 77777少妇光屁股久久一区| 亚洲国产精品福利| 青青草成人在线| 性金发美女69hd大尺寸| 国产精品精品久久久| 欧美日韩亚洲系列| 68精品久久久久久欧美| 国产精品户外野外| 亚洲国产又黄又爽女人高潮的| 久久久女人电视剧免费播放下载| 欧美激情中文字幕乱码免费| 最新日韩中文字幕| 亚洲第一免费网站| 欧美丰满老妇厨房牲生活| 亚洲精品国产拍免费91在线| 国产专区欧美专区| 国产精品一区久久| 国产精品入口夜色视频大尺度| 最新国产成人av网站网址麻豆| 国产91精品最新在线播放| 久久国产精品久久久久| 91免费福利视频| yellow中文字幕久久| 久久久久中文字幕| 国产在线观看精品一区二区三区| 欧美成人自拍视频| 欧美成人午夜剧场免费观看| 欧美日韩在线视频一区| 久久99精品久久久久久琪琪| 日韩在线中文字| 久久99久国产精品黄毛片入口| 国精产品一区一区三区有限在线| 美女视频久久黄| 成人欧美一区二区三区在线| 最新日韩中文字幕| 韩曰欧美视频免费观看| 中文字幕欧美在线| 欧美乱人伦中文字幕在线| 久热在线中文字幕色999舞| 亚洲另类欧美自拍| 国产精品一区二区三区在线播放| 美日韩丰满少妇在线观看| 日韩av在线一区| 欧美激情视频在线| 欧美国产日产韩国视频| 亚洲摸下面视频| 精品久久久精品| 亚洲福利视频二区| 久久全国免费视频| 亚洲精品在线视频| 日本在线精品视频| 日韩在线视频导航| 欧美人成在线视频| 亚洲精品99久久久久中文字幕| 亚洲石原莉奈一区二区在线观看| 久久久久久久91| 日韩经典中文字幕在线观看| 97精品一区二区视频在线观看| 国产美女高潮久久白浆| 91国内产香蕉| 国产精品女主播视频| 欧美国产日韩一区二区三区| 亚洲成人中文字幕| 欧美wwwwww| 美女av一区二区| 亚洲综合成人婷婷小说| 综合激情国产一区| 成人日韩av在线| 国产精品国产自产拍高清av水多| 久久久亚洲影院你懂的| 热re99久久精品国产66热| 亚洲成人久久久久| 亚洲欧美国产精品久久久久久久| 欧美亚洲另类激情另类| 日韩电影中文字幕在线| 国产一区二区三区在线播放免费观看| 国产午夜精品一区二区三区| 美女性感视频久久久| 亚洲高清不卡av| 一区二区亚洲欧洲国产日韩| 最近日韩中文字幕中文| 亚洲成人黄色网址| 欧美亚洲另类制服自拍| 欧美高清第一页| 亚洲无亚洲人成网站77777| 奇门遁甲1982国语版免费观看高清| 免费91在线视频| 亚洲网在线观看| 欧美福利视频在线观看| 中文在线资源观看视频网站免费不卡| 一区二区三区视频免费在线观看| 久久99久国产精品黄毛片入口| 91高清免费在线观看| 日韩av最新在线观看| 久久伊人精品天天| 色综合久综合久久综合久鬼88| 国产精品18久久久久久首页狼| 午夜精品视频在线| 精品爽片免费看久久| 韩国三级日本三级少妇99| 欧美电影免费观看网站| 国产成人精品电影久久久| 国产精品永久免费在线| 国产精品久久久久9999| 欧美黑人性生活视频| 久久久久久久成人| 亚洲自拍偷拍区| www.国产精品一二区| 亚洲自拍偷拍第一页| 中文字幕一精品亚洲无线一区| 日本中文字幕久久看| 国产91色在线| 欧美高清在线观看| 国产精品一区二区三区在线播放| 国产欧美一区二区三区在线| 最新91在线视频| 国产香蕉一区二区三区在线视频| 国产精品香蕉国产| 91久久精品国产91性色| 精品美女久久久久久免费| 成人免费在线网址| 久久九九免费视频| 久热精品视频在线| 久久精品国产欧美激情| 4k岛国日韩精品**专区| 欧美午夜片欧美片在线观看| 亚洲无限乱码一二三四麻| 成人黄色免费在线观看| 欧美日韩在线免费| 欧美日韩一区二区三区| 久热精品视频在线观看| 久久久成人av| 成人做爰www免费看视频网站| 久久久久久美女| 欧美巨乳在线观看| 国产精品免费网站| 综合激情国产一区| 国产精品露脸av在线| 日本最新高清不卡中文字幕| 久久视频精品在线| 亚洲性日韩精品一区二区| 欧美高清在线播放| 国产午夜精品久久久| 国产综合香蕉五月婷在线| 国产亚洲激情在线| 亚洲护士老师的毛茸茸最新章节| 日韩精品在线影院| 97福利一区二区| 国产一区二区日韩精品欧美精品| 欧美精品激情视频| 俺去了亚洲欧美日韩| 成人精品一区二区三区电影黑人| 精品国产乱码久久久久久天美| 日韩精品一区二区三区第95| 欧美国产日韩在线| 久久这里只有精品视频首页| 欧美精品videos另类日本| 亚洲jizzjizz日本少妇| 91香蕉国产在线观看| 日韩av电影手机在线| 久久亚洲精品一区二区| 亚洲xxxx视频|