溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

奪命雷公狗jquery---2層級選擇器

發(fā)布時間:2020-07-30 19:38:20 來源:網(wǎng)絡 閱讀:364 作者:奪命雷公狗 欄目:web開發(fā)
<!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>


向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI