jquery获取子元素的一些方法 |
您所在的位置:网站首页 › jquery查找指定元素 › jquery获取子元素的一些方法 |
广州城市开发者社区
jquery获取子元素的一些方法 ![]() 注意:find和children的区别,代码已给出详细解释,想要真正理解,还是得靠代码.光看不练那都是纸上谈兵。3.通过父元素的children进行查找。2.通过父元素进行find查找。1.通过id,class等。获取子元素的一些方法。 jquery获取子元素的一些方法 1.通过id,class等选择器 2.通过父元素进行find查找 3.通过父元素的children进行查找 注意:find和children的区别,代码已给出详细解释,想要真正理解,还是得靠代码.光看不练那都是纸上谈兵 jQuery获取子元素的一些方法 $(function() { /* 1. 常用的 通过id,class选择器*/ /* * 2. 使用遍历的方法,通过find,find会跨越层级查找,一直找到 * 没有为止,但是children只会查找直接子元素 * */ $("button").on("click", function() { var str = $(".div1").find("p").eq(0).html(); /*这里取到的是我是间接的p元素 */ $(".s1").html(str); /* * 通过children,下标从0开始,是取直接子元素,间接元素并不会遍历, * 也就是div1中的第一个p元素是间接子元素,并不会遍历到 * */ var str2 = $(".div1").children("p").eq(0).html(); /*这里取到的是上海 */ $(".s2").html(str2); }) })我是间接的p元素 1.上海 2.广州 3.北京 4.深圳 5.中山 确定 # jquery # 前端 # javascript![]() 欢迎加入我们的广州开发者社区,与优秀的开发者共同成长! 更多推荐 · 无监控,不运维!Prometheus预测与告警详解(一) · 国内AI绘画新阵地open.ly · 机器学习和深度学习的工具和框架有哪些?![]() 无监控,不运维!Prometheus预测与告警详解(一) ![]() ![]() 国内AI绘画新阵地open.ly ![]() ![]() 机器学习和深度学习的工具和框架有哪些? ![]() 扫一扫分享内容 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |