用jquery则么选择所有ul下的第一个li;

用jquery则么选择所有ul下的第一个li;,第1张

1、取出所有的ul

2、遍历ul,取出ul下的第一个li

3、改变li的背景样式

$(function(){

    $("ul")each(function(){

        //取出ul下的第一个li

        var li= $(this)children()first();

        licss("background","pink");

    });

});

Jquery获取层级元素方法有2种,分别是children()方法和find()方法。

1children()方法:获取该元素下的直接子集元素

2find()方法:获取该元素下的所有子集元素

3children()方法获取ul下面直接子集元素li:$("ul")children("li")

4find()方法获取ul下所有元素li:$("ul")find("li")

5children和find的区别:children只会查找直接子集,而find会跨越层级查找,一直找到没有为止。

ul > li 表示取ul下的所有 标签是li的子节点,ul li 表示取ul下的所有li节点。 *** 作方法如下:

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,引入jqueryminjs库文件,成功加载该文件,才能使用jquery中的方法。

3、在testhtml文件内,使用ul标签创建一个项目列表,在ul内,使用li创建三个项目,并且使用p标签创建一行文字。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“设置样式”。

5、在testhtml文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行setcss()函数。

6、在js标签中,创建setcss()函数,在函数内,通过“ul>li”获得ul下面的li对象,使用css()方法设置它们的border-bottom属性为“3px solid red”,即li元素的下划线为3px的红实线 。

7、最后在浏览器打开testhtml文件,点击按钮,查看实现的效果。

第一种方法:

使用$("#menu")children()html();

这样会获得"<li><ul><li></li></ul><li>"

第二种方法:

$("#menu > ul > li")

以上就是关于用jquery则么选择所有ul下的第一个li;全部的内容,包括:用jquery则么选择所有ul下的第一个li;、jquery怎么获取层级元素、jquery中ul > li是什么意思等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9762179.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存