分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jQuery遍历之同级遍历

发布时间:2023-09-06 01:12责任编辑:熊小新关键词:jQuery遍历

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遍历之同级遍历

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved