码迷,mamicode.com
首页 > Web开发 > 详细

jQuery遍历之同级遍历

时间:2017-09-21 21:44:30      阅读:308      评论:0      收藏:0      [点我收藏+]

标签:bsp   font   order   http   query   方法   function   ack   lock   

html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>jquery</title>
		<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
		<script type="text/javascript" src="js/try.js" ></script>
		<style>
			 .div * {
			 	display: block;
			 	width:300px;
			 	padding:8px;
			 	margin: 10;
			 	color:seagreen;
			 	border:4px solid seagreen;
			 }
		</style>
		
	</head>
	<body>
		<div class="div">
			<p>P</p>
			<h2>h2</h2>
			<h3>h3</h3>
			<h4>h4</h4>
			<h5>h5</h5>
			<h6>h6</h6>
		</div>
	</body>
</html>

  1.sibings()  同级元素全部修改   h4

技术分享

2.next() 下一个元素修改  h4

技术分享

 

3.nextAll() 下面元素全部修改  h4

技术分享

 

4.nextUntil()  下面元素的区间修改  h2 到h6

技术分享

 

5.prev  上一个元素修改 h4

技术分享

 

6.preAll  上面元素全部修改 h4 

技术分享

 

7.preUntil   下面元素的区间修改  h4到p

技术分享

 

JS

修改方法就可以 例如:preAll   prev

 

$(document).ready(function(){
       $("h4").prevUntil("P").css({border:"4px solid  black"})  

});

 

jQuery遍历之同级遍历

标签:bsp   font   order   http   query   方法   function   ack   lock   

原文地址:http://www.cnblogs.com/guangzhou11/p/7571425.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!