收藏
批改狀態(tài)：未批改
老師批語：
1、選擇包含指定內(nèi)容詞語的選擇器
$('p:contains（'春'）').addClsaa('bg-wheat')/標(biāo)簽中包含“春”的，春字最好用雙引號圈中/
contains包含
2、選擇內(nèi)容為空的元素（選擇頁面中所有的空標(biāo)簽）
$(':empty').text('春天來了')
3、選擇帶有某個子標(biāo)簽的元素
$('p:has('img')').addClass('bg-green')/has有的意思，P標(biāo)簽中包含了img元素的選中/
4、選擇所有的以p標(biāo)簽開頭的父元素的節(jié)點；
$('p:parent').addClass('bg-green')/parent:父元素/
5、取反過濾器
$（':not(:empty')）.css('color','red')
代碼運行部分：
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>床</p>
<p></p>
<p>床前明月光，疑是地上霜<a>。</a></p>
<p>舉頭望明月，低頭思故鄉(xiāng)<a>。</a></p>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('p:contains("床")').css('color','red')
$('p:empty').text('李白')
$('p:parent').css('color','blue')
$('p:has("a")').css('color','darkred')
$(":not(:empty)").css('color','black')
</script>
</html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號