天天看点

jQuery遍历 -后代

jQuery遍历 -后代

第一部分:介绍方法

(1)     children() 方法返回被选元素的所有直接子元素。

(2)     find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。

第二部分:代码结构展示

(1)这一张图中的代码是:HTML的部分以及Css样式的部分

jQuery遍历 -后代

(2)这一张图中,我主要是写了JQ遍历后代元素的两个方法:children()和find(),这两个方法,我分别给它们设置了不同的样式,来进行区分它们的效果展示,我给children()方法设置了:边框2像素,以实线的样式展示,并且边框的颜色是红色的,而我给第二个方法find():我直接设置了的背景颜色为红色,这样可以让大家更好的区分它们之间的效果。                               

jQuery遍历 -后代

第三部分:效果图展示

(1)这是没有展示效果的原图

jQuery遍历 -后代

(2)第一个方法的效果图展示

jQuery遍历 -后代

(3)第二个方法的效果图展示

jQuery遍历 -后代

这是我所学到的jQuery 遍历 -后代,想分享给你们,希望可以帮助到你们。以上就是我的分享,如有更好的方法,欢迎大家推荐!写错的地方,欢迎大家在评论区指正!谢谢!