成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

jquery如何查詢同級(jí)元素

這篇文章主要為大家展示了“jquery如何查詢同級(jí)元素”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jquery如何查詢同級(jí)元素”這篇文章吧。

成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè),成都做網(wǎng)站公司-創(chuàng)新互聯(lián)已向上千企業(yè)提供了,網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷等服務(wù)!設(shè)計(jì)與技術(shù)結(jié)合,多年網(wǎng)站推廣經(jīng)驗(yàn),合理的價(jià)格為您打造企業(yè)品質(zhì)網(wǎng)站。

查詢方法：1、用siblings()方法，可獲得同級(jí)所有元素；2、用next()方法，可獲得下一個(gè)同級(jí)元素；3、用nextAll()；4、用nextUntil()；5、用prev()；6、用prevAll()；7、用prevUntil()。

jquery如何查詢同級(jí)元素

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

jquery查詢同級(jí)元素

在jquery中，查詢同級(jí)元素一般有七個(gè)方法：siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、prevUntil()

  • siblings()方法，主要用于獲得指定元素的同級(jí)所有元素

  • next()方法，主要用于獲得指定元素的下一個(gè)同級(jí)元素

  • nextAll()方法，主要用于獲得指定元素的下一個(gè)同級(jí)的所有元素

  • nextUntil()方法，主要用于獲得指定元素的下一個(gè)同級(jí)元素，這個(gè)同級(jí)元素必須為指定元素與nextUntil()方法所設(shè)置元素之間的元素

  • prev()方法，主要用于獲得指定元素的上一級(jí)同級(jí)元素

  • prevAll()方法，主要用于獲得指定元素上一級(jí)所有的同級(jí)元素

  • prevUntil()方法，主要用于獲得指定元素的上一個(gè)同級(jí)元素，這個(gè)同級(jí)元素必須為指定元素與prevUntil()方法所設(shè)置元素之間的元素

siblings()方法

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	</head>

	<body>
		<div><span>Hello</span></div>
		<p class="selected">Hello Again</p>
		<p>And Again</p>

		<script>
			$("p").siblings(".selected").css("background", "yellow");
		</script>

	</body>
</html>

jquery如何查詢同級(jí)元素

next()方法

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	</head>

	<body>
		<ul>
			<li>list item 1</li>
			<li>list item 2</li>
			<li class="third-item">list item 3</li>
			<li>list item 4</li>
			<li>list item 5</li>
		</ul>

		<script>
			$('li.third-item').next().css('background-color', 'red');
		</script>

	</body>
</html>

jquery如何查詢同級(jí)元素

nextAll()方法

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	</head>

	<body>

		<ul>
			<li>list item 1</li>
			<li>list item 2</li>
			<li class="third-item">list item 3</li>
			<li>list item 4</li>
			<li>list item 5</li>
		</ul>

		<script>
			$('li.third-item').nextAll().css('background-color', 'red');
		</script>

	</body>
</html>

jquery如何查詢同級(jí)元素

nextUntil()方法

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script>
			$(document).ready(function() {
				$("li.start").nextUntil("li.stop").css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (父節(jié)點(diǎn))
				<li>li (兄弟節(jié)點(diǎn))</li>
				<li>li (兄弟節(jié)點(diǎn))</li>
				<li class="start">li (類名為"start"的兄弟節(jié)點(diǎn))</li>
				<li>li (類名為"start"的li節(jié)點(diǎn)的下一個(gè)兄弟節(jié)點(diǎn))</li>
				<li>li (類名為"start"的li節(jié)點(diǎn)的下一個(gè)兄弟節(jié)點(diǎn))</li>
				<li>li (類名為"start"的li節(jié)點(diǎn)的下一個(gè)兄弟節(jié)點(diǎn))</li>
				<li class="stop">li (類名為"stop"的兄弟節(jié)點(diǎn))</li>
			</ul>
		</div>
		<p>在這個(gè)例子中,我們返回在類名為“star”和類名為“stop”的 li元素之間的所有下一個(gè)兄弟元素。</p>

	</body>
</html>

jquery如何查詢同級(jí)元素

prev()方法

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script>
			$(document).ready(function() {
				$("li.start").prev().css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (父節(jié)點(diǎn))
				<li>li (兄弟節(jié)點(diǎn))</li>
				<li>li (類名為"start"的li節(jié)點(diǎn)的上一個(gè)兄弟節(jié)點(diǎn))</li>
				<li class="start">li (類名為"start"的li節(jié)點(diǎn))</li>
				<li>li (兄弟節(jié)點(diǎn))</li>
				<li>li (兄弟節(jié)點(diǎn))</li>
			</ul>
		</div>

	</body>
</html>

jquery如何查詢同級(jí)元素

prevAll()方法

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script>
			$(document).ready(function() {
				$("li.start").prevAll().css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (parent)
				<li>li (類名為"start"的li的上一個(gè)兄弟節(jié)點(diǎn))</li>
				<li>li (類名為"start"的li的上一個(gè)兄弟節(jié)點(diǎn))</li>
				<li>li (類名為"start"的li的上一個(gè)兄弟節(jié)點(diǎn))</li>
				<li class="start">li (類名為"start"的li節(jié)點(diǎn))</li>
				<li>li (兄弟節(jié)點(diǎn))</li>
				<li>li (兄弟節(jié)點(diǎn))</li>
			</ul>
		</div>
		<p>在這個(gè)例子中,我們返回類名稱為“star”的li元素之前的所有兄弟元素。</p>

	</body>
</html>

jquery如何查詢同級(jí)元素

prevUntil()方法

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script>
			$(document).ready(function() {
				$("li.start").prevUntil("li.stop").css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (父節(jié)點(diǎn))
				<li class="stop">li (類名為"stop"的兄弟節(jié)點(diǎn))</li>
				<li>li (類名為"start"的li節(jié)點(diǎn)的上一個(gè)兄弟節(jié)點(diǎn))</li>
				<li>li (類名為"start"的li節(jié)點(diǎn)的上一個(gè)兄弟節(jié)點(diǎn))</li>
				<li>li (類名為"start"的li節(jié)點(diǎn)的上一個(gè)兄弟節(jié)點(diǎn))</li>
				<li class="start">li (類名為"start"的li節(jié)點(diǎn))</li>
				<li>li (兄弟節(jié)點(diǎn))</li>
				<li>li (兄弟節(jié)點(diǎn))</li>
			</ul>
		</div>
		<p>在這個(gè)例子中,我們返回在類名為“star”和“stop”的li元素之間的所有上一個(gè)兄弟元素,。</p>

	</body>
</html>

jquery如何查詢同級(jí)元素

以上是“jquery如何查詢同級(jí)元素”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：jquery如何查詢同級(jí)元素
鏈接分享：http://jinyejixie.com/article32/gdpipc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、服務(wù)器托管、全網(wǎng)營(yíng)銷推廣、網(wǎng)站設(shè)計(jì)、虛擬主機(jī)、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

小程序開發(fā)
图们市| 曲阜市| 日喀则市| 安化县| 繁峙县| 牡丹江市| 黄梅县| 龙口市| 临沂市| 乌海市| 改则县| 清丰县| 汉沽区| 赫章县| 宁化县| 西贡区| 武夷山市| 阜阳市| 六枝特区| 自贡市| 永定县| 黄陵县| 法库县| 鹰潭市| 增城市| 井研县| 玉龙| 通海县| 德令哈市| 密山市| 五大连池市| 神农架林区| 平山县| 永靖县| 浦北县| 石渠县| 普定县| 南城县| 罗城| 招远市| 博湖县|