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

首頁 > 編程 > JavaScript > 正文

jquery選擇器之內容過濾選擇器詳解

2019-11-20 21:11:37
字體:
來源:轉載
供稿:網友
先寫出DOM元素的HTML結構:
復制代碼 代碼如下:

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

復制代碼 代碼如下:

<div>John Resign</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J.Ohn</div>
<div></div>
<p></p>
<div><p>Has p</p></div>

一、:contains(text)
選取含有文本內容為“text”的元素
復制代碼 代碼如下:

$("div:contains('John')").addClass("highlight"); //查找所有包含 "John" 的 div 元素


二、:empty
選取不含任何子元素或文本的空元素
用chrome瀏覽器審查元素可發現div為empty 的class樣式已改變
復制代碼 代碼如下:

$("div:empty").addClass("highlight");


三、:has(selector)
選取含有選擇器所匹配的元素的元素
復制代碼 代碼如下:

$("div:has(p)").addClass("highlight"); //查找所有包含p的div元素



四、:parent
選取含有子元素或者文本的元素標簽
復制代碼 代碼如下:

$("div:parent").addClass("highlight");  //查找所有含有子元素或者文本的div元素

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 巫溪县| 高淳县| 冕宁县| 五华县| 廉江市| 潼关县| 湖口县| 伽师县| 赤壁市| 若尔盖县| 增城市| 泸定县| 新化县| 桐城市| 北安市| 察哈| 芦山县| 永春县| 游戏| 信阳市| 苗栗县| 原阳县| 石嘴山市| 海丰县| 永福县| 左贡县| 新绛县| 磐安县| 云浮市| 宜昌市| 辽宁省| 进贤县| 台东市| 泾阳县| 黔西县| 平邑县| 文山县| 新和县| 青神县| 葵青区| 新闻|