本文主要是介绍jQuery选择器 获取元素的十一种方式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
jQuery的选择器,让我为大家介绍一下吧!
一、基础选择器
名称 | 用法 | 描述 |
---|---|---|
ID选择器 | $(“#id”) | 获取指定ID的元素 |
全选选择器 | $(" * ") | 匹配所有元素 |
类选择器 | $(“.class”) | 获取同一类名class的元素 |
标签选择器 | $(“div”) | 获取同一类标签的所有元素 |
并集选择器 | $(“div,p,li”) | 获取多个元素 |
交集选择器 | $(“li.current”) | 交集元素 |
$("#box") //获取id名为box的元素 $("*") //获取所有元素$(".box") //获取类名叫box的所有元素$("div") //获取所有div标签$("div,p,li") //获取div和p和li$("li.current")//获取类名叫current的li
二、筛选选择器
语法 | 用法 | 描述 |
---|---|---|
:first | $(“li:first”) | 获取第一个li元素 |
:last | $(“li:last”) | 获取最后一个li元素 |
:eq(index) | $(“li:eq(1)”) | 获取到的li元素中,选择索引号为1的元素,索引号从0开始 |
:odd | $(“li:odd”) | 获取到的li元素中,选择索引号为奇数的元素 |
:even | $(“li:even”) | 获取到的li元素中,选择索引号为偶数的元素 |
// 获取第一个li$("li:first")// 获取最后一个li$("li:last")// 获取下标为1的li$("li:eq(1)")// 获取下标为奇数的li$("li:odd")// 获取下标为偶数的li$("li:even")
感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!
这篇关于jQuery选择器 获取元素的十一种方式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!