<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery.js"></script>
<script>
window.onload = function(){
document.getElementById('btnok').onclick = function(){
//1.通過匹配div1的所有span后代元素
//$('.div1 span').html('test');
//2.匹配div元素的所有span元素
//$('div > span').html('test');
//3.匹配div緊鄰的div元素
//$('.div1 + div').html('test');
//4.匹配div1緊鄰的所有div元素
$('.div1 ~ div').html('test');
}
}
</script>
</head>
<body>
<input type="button" id="btnok" value="匹配" />
<hr />
<div class="div1">
<span>第一個span標簽噢</span>
<div>
<span>span元素,第一個div元素的后代元素</span>
</div>
</div>
<div class="div2">
<span>第二個div的子元素</span>
</div>
<div class="div3">div3</div>
</body>
</html>
本文名稱:奪命雷公狗jquery---2層級選擇器
網站地址:http://www.yijiale78.com/article12/gdcogc.html
成都網站建設公司_創新互聯,為您提供手機網站建設、網站維護、網站導航、品牌網站設計、網站收錄、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯