扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本文实例总结了jQuery常见的遍历DOM操作。分享给大家供大家参考，具体如下：
成都创新互联公司是专业的抚顺网站建设公司，抚顺接单;提供成都做网站、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行抚顺网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
向上遍历DOM树
div(曾祖父)ul(祖父)
- li(直接父) span
div(祖父)p(直接父) span
运行结果：
parentsUntil()方法
$(document).ready(function(){
$("span").parentsUntil("div");
});
body(增曾祖父)div(曾祖父)ul(祖父)
- li(直接父) span
运行结果：
向下遍历DOM树
children()方法
div(当前元素)p(子) span(孙)
p(子) span(孙)
运行结果：
find()方法
div(current element)P子 span(孙)
p子 span(孙)
运行结果：
返回 水平遍历DOM树 p p 运行结果： jQuery遍历 过滤 田野上 红彤彤的野花 玲珑剔透 运行结果： 田野上 红彤彤的野花 玲珑剔透 我爱你 运行结果： 田野上 红彤彤的草莓 玲玲剔透 我爱你 运行结果： 感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。 更多关于jQuery相关内容还可查看本站专题：《jQuery操作DOM节点方法总结》、《jQuery遍历算法与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》 希望本文所述对大家jQuery程序设计有所帮助。 我们在微信上24小时期待你的声音 解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流所有后代
$(document).ready(function(){
$("div").find("*");
});
div(父)
h3
h4
我心在北朝、
eq()方法的使用
我心在南朝、
filter()方法的使用
我心在南朝、
当前标题：jQuery常见的遍历DOM操作详解
网页URL：http://kswjz.com/article/giepcs.html
扫二维码与项目经理沟通
微信二维码
移动版官网