国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery選擇器之層級過濾選擇器詳解

2019-11-20 21:11:34
字體:
供稿:網(wǎng)友

復(fù)制代碼 代碼如下:

$("ancestor descendant"):選取parent元素后所有的child元素
$("parent > child"):選取parent元素后所有的直屬child元素,何謂“直屬”,也就是第一級的意思了
$("prev + next"):prev和next是兩個(gè)同級別的元素. 選中在prev元素后面的next元素
$("prev ~ siblings"):選擇prev后面的根據(jù)siblings過濾的元素。注:siblings是過濾器

后兩個(gè)用的比較少,一般會有其他選擇器替代
復(fù)制代碼 代碼如下:

$("prev + next")等價(jià)于next()
$("prev ~ siblings")等價(jià)于nextAll()

實(shí)例:
復(fù)制代碼 代碼如下:

<style type="text/css">
  /*高亮顯示*/
  .highlight{  
   background-color: gray
  }
 </style>

復(fù)制代碼 代碼如下:

<body>
    <div>
     <p id="p1">第一個(gè)DIV里面的P元素。</p>
    </div>
    <p id="p2">第一個(gè)單P元素。</p>
    <div>
     <span>DIV里面的SPAN元素。</span>
     <p id="p3">第二個(gè)DIV里面的P元素。</p>
     <span>
      <p id="p4">DIV里面的SPAN里面的P元素。</p>
     </span>
    </div>
     <table>
      <tr>
       <th>A</th><th>B</th><th>C</th>
      </tr>
      <tr>
       <td>1</td><td>2</td><td>3</td>
      </tr>
     </table>
     <p id="p5">第二個(gè)單P元素。</p>
     <span>單SPAN元素。</span>
  </body>

復(fù)制代碼 代碼如下:

var s = $("div p").addClass("highlight"); //選取div后面的所有p元素   結(jié)果為:p1,p3,p4



復(fù)制代碼 代碼如下:

var s = $("div > p").addClass("highlight"); //選取div后 所有第一級p元素   結(jié)果為:p1,p3。p4不會選取,因?yàn)閜4不是div的直屬元素



復(fù)制代碼 代碼如下:

var s = $("div + p").addClass("highlight");   //選取div后面緊鄰的p元素  結(jié)果為:p2。p5不會選取,因?yàn)閜5不緊鄰div


復(fù)制代碼 代碼如下:

var s = $("div ~ p").addClass("highlight");     //選取div后面所有緊鄰的p元素  結(jié)果為:p2,p5

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 景东| 仪征市| 德江县| 岚皋县| 达州市| 抚顺市| 涞源县| 颍上县| 阳朔县| 永修县| 尤溪县| 柳林县| 扶沟县| 荔浦县| 启东市| 亳州市| 海阳市| 调兵山市| 同江市| 凤阳县| 米易县| 根河市| 凤冈县| 潼关县| 尼木县| 东山县| 肇庆市| 定安县| 留坝县| 连州市| 海阳市| 稷山县| 图木舒克市| 绥芬河市| 峨眉山市| 永修县| 固始县| 泗阳县| 沈丘县| 金沙县| 封丘县|