<!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>內容篩選器</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"的元素節點??????? //并且設置顏色???? $(".div:contains('contains')").css("color", "blue");??? </script>??? <script type="text/javascript">??????? //查找所有class='div'中DOM元素中包含"span"的元素節點??????? //并且設置顏色????? $(".div:has(span)").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">??????????? <a></a>??????? </div>??? </div>??? <script type="text/javascript">?????? //選擇所有包含子元素或者文本的a元素?????? //增加一個藍色的邊框????? $(".aaron:contains(":parent")").css("border", "3px groove yellow");??? </script>??? <script type="text/javascript">?????? //找到a元素下面的所有空節點(沒有子元素)?????? //增加一段文本與邊框????? $("a:empty").text(":empty").css("border", "3px groove red"); ??? </script></body></html>?
為什么不能運行$(".aaron:contains(":parent")")
北極的大熊
2017-02-06 15:10:25
