最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

JQuery选择器有哪几种

来源:懂视网 责编:小采 时间:2020-11-27 20:12:24
文档

JQuery选择器有哪几种

JQuery选择器有哪几种:选择器实例解释基本选择器*$(*)选取所有元素#id$(#a)选取id=a的元素.class$(.b)选取class=b的元素element$(p)所有<p>元素.class.class$(.a.b)选取所有class=a且class=b的元素基本过滤选择器:first$(p:firs
推荐度:
导读JQuery选择器有哪几种:选择器实例解释基本选择器*$(*)选取所有元素#id$(#a)选取id=a的元素.class$(.b)选取class=b的元素element$(p)所有<p>元素.class.class$(.a.b)选取所有class=a且class=b的元素基本过滤选择器:first$(p:firs

选择器

实例

解释

基本选择器

*

$(*)

选取所有元素

#id

$(“#a”)

选取id=a的元素

.class

$(“.b”)

选取class=b的元素

element

$(“p”)

所有<p>元素

.class.class

$(“.a.b”)

选取所有class=a且class=b的元素

基本过滤选择器

:first

$(“p:first”)

选取第一个p元素

:last

$(“p:last”)

选取最后一个p元素

:odd

$(“p:odd”)

选取所有奇数位上的p元素

:even

$(“p:even”)

选取所有偶数位上的p元素

:ep(n)

$(“p:eq(n)”)

选取第n位p元素(index从0开始)

:gt(n)

$(“li:gt(n)”)

选取第n位之前的所有li元素(不包含第n位)

:lt(n)

$(“li:lt(n)”)

选取第n位之后的所有li元素(不包含第n位)

:root

$(“p:root”)

选取p的根元素(不写标签时代表选取全局的根元素)

:header()

$(“p:header)

选取P标签里的所有标题(不写标签时代表选取全局的标题)

:lang

$(“p:lang(language)”)

给P标签选取指定的语言(不写标签时代表选取全局的标题)

:not

$(“li:not(.active)”)

选取除了.active以外的元素

:hidden

$(“p:hidden”)

隐藏所有P标签

:visible

$(“p:visible”)

显示所有p标签

:target

$(“:target”)

选取所有目标状态的元素

:anmated

$(“p:anmated”)

获取正在运行的动画

子元素过滤器

:first-child

$(“p p:first-last”)

选取p里第一个标签为P的子元素

:last-child

$(“p p:last-child”)

选取p里最后一个为标签p的子元素(不限位置)

:first-of-type

$(“p p:first-of-type”)

获取p里出现的第一个p标签(不限位置)

:last-of-type

$(“p p:last-of-type”)

获取p里最后出现的p标签(不限位置)

:nth-child(n)

$(“p p:nth-child(2)”)

获取p里第二个p标签(下标从1开始)

:nth-of-type(n)

$(“p p:nth-of-type(2)”)

获取p里第二个出现的p标签(下标从0开始)

:nth-last-of-type(n)

$(“p p:nth-last-of-type(n)”)

获取p里倒数第几个出现的p标签

:only-child

$(“p p:only-child”)

获取p里唯一一个子元素p

:only-of-type

$(“p p:only-of-type”)

获取同辈p里唯一一个标签为p的标签

:only-of-type(even/odd)

$(“p p:only-of-type(even/odd)”)

获取p里所有为奇数或偶数的P标签(下标从1开始)

内容过滤器

:contains()

$(“p:contains(123)”)

获取p标签里所有包含“123”的标签

:empty

$(“p:empty”)

获取p标签里没有内容的所有元素(空格也算内容)

:has()

$(“p:has(P)”)

获取所有含有p标签的p

:parent

$(“p:parent”)

获取所有元素中柚子元素的p(包括文本节点)

表单选择器

:text

$(“:text”)

选取所有type为text的字段或type没有属性的

:password

$(“:password”)

选择所有type为password的

:reset

$(“:reset”)

选择所有type为reset(重置)的

:button

$(“:button”)

选择所有type为button(按钮)的

:checkbox

$(“:checkbox”)

选择所有type为checkbox(多选)的

:radio

$(“:radio”)

选择所有type为radio(单选)的

:file

$(“:file”)

选择所有上传域

:image

$(“:image”)

选择所有图像按钮

:input

$(“:input”)

选取所有input、textarea、select、button元素

:enabled

$(“:enabled”)

选取所有可用的input

:disabled

$(“:disabled”)

选择所有不可用的input

:select

$(“:select”)

被选中状态的option元素

:checked

$(“:checked”)

被选中状态的input元素(有checked的)

:focus

$(“:focus”)

选取页面进去就有焦点的input

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

JQuery选择器有哪几种

JQuery选择器有哪几种:选择器实例解释基本选择器*$(*)选取所有元素#id$(#a)选取id=a的元素.class$(.b)选取class=b的元素element$(p)所有<p>元素.class.class$(.a.b)选取所有class=a且class=b的元素基本过滤选择器:first$(p:firs
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top