jQueryコンテンツフィルターセレクター

コンテンツフィルターセレクター

:contains(content)

にはコンテンツセレクターが含まれており、ノード内で指定されたコンテンツはタグを通じて含める必要があります

$("div:contains(beijing )”)

<div>リンケンラブ北京</div>

<div>ジャックラブ</div>

:empty

get空の要素 (要素内には何もありません) /text(empty) )Node オブジェクト

$("div:empty")

<div>linken love beijing</div>

<div>jack love shanghai</div>

<div> ;/div & gt; & lt;/div & gt;

: Has (セレクター)

$("div:has(#apple)") 内の指定された要素のセレクターが含まれます

<div>hello</div>< ;div><p></p> ;</div>

<div> ;<span class=”apple”> </span> div>リンケンラブ北京</div>

<div>ジャックラブ上海</div>

;

学び続ける

新しいファイル

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
 <head>
 <title>php.cn</title>
 <meta charset="utf-8" />
 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
 <script>
 function f1(){
 //① $(":contains(text)")
 $("div:contains(beijing)").css('background-color','red');
 //② $(":empty")
 $("div:empty").css('width','200px');
 $("div:empty").css('height','100px');
 $("div:empty").css('background-color','pink');
 //③ $(":has(selector)")
 console.log($("div:has(.orange)"));
 //④ $(":parent")
 console.log($("div:parent"));
 }
 </script>
 </head>
 <body>
 <h1>内容过滤选择器</h1>
 <div>i love beijing</div>
 <div>jack love shanghai</div>
 <div></div>
 <div><img /></div>
 <div> </div>
 <div><p class="orange"></p></div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX