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是什么意思等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)