哪位帥哥能幫忙看看？ $("div:empty").text(":empty").css("border", "3px groove red"); 為什么這個(gè)沒有效果呢？ ?
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <link rel="stylesheet" href="imooc.css" type="text/css">
? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>內(nèi)容篩選器</h2>
? ? <h3>:contains/:has</h3>
? ? <div class="left">
? ? ? ? <div class="div">
? ? ? ? ? ? <p>contains</p>
? ? ? ? </div>
? ? ? ? <div class="div">
? ? ? ? ? ? <p>contains</p>
? ? ? ? </div>
? ? ? ? <div class="div">
? ? ? ? ? ? <p>
? ? ? ? ? ? ? ? <span>:has</span>
? ? ? ? ? ? </p>
? ? ? ? </div>
? ? ? ? <div class="div">
? ? ? ? ? ? <p>:contains</p>
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ? //查找所有class='div'中DOM元素中包含"contains"的元素節(jié)點(diǎn)
? ? ? ? //并且設(shè)置顏色
? ?$(".div:contains(':contains')").css("color","red")
? ? </script>
? ? <script type="text/javascript">
? ? ? ? //查找所有class='div'中DOM元素中包含"span"的元素節(jié)點(diǎn)
? ? ? ? //并且設(shè)置顏色
? ? ? ? $(".div:has(p)").css("color", "blue");
? ? </script>
? ? <h3>:parent/:empty</h3>
? ? <div class="left">
? ? ? ? <div class="aaron">
? ? ? ? ? ? <a>:parent</a>
? ? ? ? </div>
? ? ? ? <div class="aaron">
? ? ? ? ? ? <a>:parent</a>
? ? ? ? </div>
? ? ? ? <div class="aaron">
? ? ? ? ? ? <a>:parent</a>
? ? ? ? </div>
? ? ? ? <div class="aaron">
? ? ? ? ? ?
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ?//選擇所有包含子元素或者文本的a元素
? ? ? ?//增加一個(gè)藍(lán)色的邊框
? ? ? ?$("a:parent").css("border", "3px groove blue");
? ? </script>
? ? <script type="text/javascript">
? ? ? ?//找到a元素下面的所有空節(jié)點(diǎn)(沒有子元素)
? ? ? ?//增加一段文本與邊框
? ? ? $("div:empty").text(":empty").css("border", "3px groove red");?
? ? </script>
</body>
</html>
2018-11-07
$(".div:contains(':contains')").css("color","red") //句末差個(gè)分號(hào) ；
2018-05-24
一樓二樓四樓正解，空格也算一個(gè)文本節(jié)點(diǎn)
2017-09-02
在這里你少了一個(gè)標(biāo)簽,應(yīng)該是這樣的
少了一個(gè)a標(biāo)簽，
$("div:empty").text(":empty").css("border",?"3px?groove?red");這句話中的.text(":empty")要給他值的,不知道是不是這個(gè)問題
2017-05-30
換成? ? ? ? <div class="aaron"></div>試試就能有效果了。這時(shí)應(yīng)該你? ? ? ? <div class="aaron">
</div>有文本節(jié)點(diǎn)，不滿足：empty的篩選，所以才沒有效果的
2017-05-08
$("div:empty")的意思是選擇沒有子元素的元素（包含文本節(jié)點(diǎn)），在這個(gè)例子中，通常來講
?<div class="aaron">
? ? ? ? ? ?</div>
就是符合沒有子節(jié)點(diǎn)的元素，但是不其然，在html中空格也代表文本節(jié)點(diǎn)，所以就找不到?jīng)]有字元素的節(jié)點(diǎn)，
如果想成功的話，去掉中間空格?<div class="aaron"></div>，這樣就可以了
2017-04-25
?<div class="aaron">
? ? ? ? ? ?
? ? ? ? </div>
這段代碼不可以加空格
<div class="aaron"></div>