亚洲最大看欧美片,亚洲图揄拍自拍另类图片,欧美精品v国产精品v呦,日本在线精品视频免费

  • 站長(zhǎng)資訊網(wǎng)
    最全最豐富的資訊網(wǎng)站

    jquery怎么查詢(xún)節(jié)點(diǎn)內(nèi)的元素

    查詢(xún)方法:1、使用children()函數(shù),可查詢(xún)指定節(jié)點(diǎn)內(nèi)的直接子集元素,語(yǔ)法“$(selector).children(filter)”;2、使用find()函數(shù),可查詢(xún)指定節(jié)點(diǎn)內(nèi)的所有(包括子集的子集)子集元素,語(yǔ)法“$(selector).find(filter)”。

    jquery怎么查詢(xún)節(jié)點(diǎn)內(nèi)的元素

    本教程操作環(huán)境:windows7系統(tǒng)、jquery3.6版本、Dell G3電腦。

    查詢(xún)節(jié)點(diǎn)內(nèi)的元素,就是查詢(xún)指定節(jié)點(diǎn)的子元素。

    jquery查詢(xún)子元素有兩種方法:

    • children()方法:獲取該元素下的直接子集元素

    • find()方法:獲取該元素下的所有(包括子集的子集)子集元素

    下面我們就來(lái)了解一下這兩個(gè)方法。

    jquery children()方法

    children() 方法返回被選元素的所有直接子元素。

    DOM 樹(shù):該方法只沿著 DOM 樹(shù)向下遍歷單一層級(jí)。如需向下遍歷多個(gè)層級(jí)(返回子孫節(jié)點(diǎn)或其他后代),請(qǐng)使用 find() 方法。

    提示:如需沿著 DOM 樹(shù)向上遍歷單一層級(jí),或向上遍歷直至文檔根元素的所有路徑(返回父節(jié)點(diǎn)或其他祖先),請(qǐng)使用 parent() 或 parents() 方法。

    注意:該方法不會(huì)返回文本節(jié)點(diǎn)。如需返回包含文本節(jié)點(diǎn)的所有子節(jié)點(diǎn),請(qǐng)使用 contents() 方法。

    語(yǔ)法

    $(selector).children(filter)
    登錄后復(fù)制

    參數(shù) 描述
    filter 可選。規(guī)定縮小搜索子元素范圍的選擇器表達(dá)式。

    示例:

    <!DOCTYPE html> <html> 	<head> 		<meta charset="utf-8"> 		<script src="js/jquery-3.6.3.min.js"></script> 		<style> 			div * { 				display: block; 				border: 2px solid lightgrey; 				color: lightgrey; 				padding: 5px; 				margin: 15px; 			} 		</style>  		<script> 			$(document).ready(function() { 				$("button").on("click", function() { 					$("ul").children("*").css({ 						"color": "red", 						"border": "2px solid red" 					}); 				}); 			}); 		</script> 	</head>  	<body class="ancestors"> 		<div style="width:500px;">div (父節(jié)點(diǎn)) 			<ul>ul (指定元素) 				<li>li (子節(jié)點(diǎn)1) 					<span>span (孫節(jié)點(diǎn)1)</span> 				</li> 				<li>li (子節(jié)點(diǎn)2) 					<span>span (孫節(jié)點(diǎn)2)</span> 				</li> 				<li>li (子節(jié)點(diǎn)3) 					<span>span (孫節(jié)點(diǎn)3)</span> 				</li> 			</ul> 		</div> 		<button>選取ul的所有直接子元素</button> 	</body>  </html>
    登錄后復(fù)制

    jquery怎么查詢(xún)節(jié)點(diǎn)內(nèi)的元素

    jquery find() 方法

    find() 方法返回被選元素的后代元素。(后代是子、孫、曾孫,依此類(lèi)推。)

    • DOM 樹(shù):該方法沿著 DOM 元素的后代向下遍歷,直至最后一個(gè)后代的所有路徑(<html>)。

    語(yǔ)法:

    $(selector).find(filter)
    登錄后復(fù)制

    參數(shù) 描述
    filter 必需。過(guò)濾搜索后代條件的選擇器表達(dá)式、元素或 jQuery 對(duì)象。

    注意:如需返回多個(gè)后代,請(qǐng)使用逗號(hào)分隔每個(gè)表達(dá)式。

    說(shuō)明:filter參數(shù)用于過(guò)濾查找結(jié)果,只需要將參數(shù)設(shè)置為“*”即可查找全部子元素。

    示例:查詢(xún)所有子元素

    <!DOCTYPE html> <html> 	<head> 		<meta charset="utf-8"> 		<script src="js/jquery-3.6.1.min.js"></script> 		<style> 			div * { 				display: block; 				border: 2px solid lightgrey; 				color: lightgrey; 				padding: 5px; 				margin: 15px; 			} 		</style>  		<script> 			$(document).ready(function() { 				$("button").on("click", function() { 					$("ul").find("*").css({ 						"color": "red", 						"border": "2px solid red" 					}); 				}); 			}); 		</script> 	</head>  	<body class="ancestors"> 		<div style="width:500px;">div (父節(jié)點(diǎn)) 			<ul>ul (指定元素) 				<li>li (子節(jié)點(diǎn)1) 					<span>span (孫節(jié)點(diǎn)1)</span> 				</li> 				<li>li (子節(jié)點(diǎn)2) 					<span>span (孫節(jié)點(diǎn)2)</span> 				</li> 				<li>li (子節(jié)點(diǎn)3) 					<span>span (孫節(jié)點(diǎn)3)</span> 				</li> 			</ul> 		</div> 		<button>選取ul的所有子元素</button> 	</body>  </html>
    登錄后復(fù)制

    jquery怎么查詢(xún)節(jié)點(diǎn)內(nèi)的元素

    【推薦學(xué)習(xí):jQuery視頻教程、web前端視頻】

    贊(0)
    分享到: 更多 (0)
    網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)