在jquery中有哪些层次选择器(Jquery中选择器用法解释)

主要介绍了Jquery中CSS选择器用法,实例分析了jQuery中常用的5种css选择器的使用技巧,需要的朋友可以参考下。

jQuery使用了一套css选择器,共有5种,即标签选择器,ID选择器,类选择器,通用选择器和群组选择器,现分述如下:

一. 标签选择器

用于选择HTML页面中已有的标签元素,又称元素选择器,格式:$("element"),如$("div"),同getElementByTagName

二. ID选择器

用于获取某个具有id属性的元素,格式如下:$("id"),同getElementById

在jquery中有哪些层次选择器(Jquery中选择器用法解释)(1)

三. 类选择器

用于获取某个具有class属性的元素,格式:$("class")

在jquery中有哪些层次选择器(Jquery中选择器用法解释)(2)

给这个文本框添加边框样式,首先这里用class属性来绑定文本框

在jquery中有哪些层次选择器(Jquery中选择器用法解释)(3)

四. 通用选择器

通用选择器(*)匹配所有元素,多用于结合上下文来搜索,也就是找到HTML页面中的所有标签, $("*")

五. 群组选择器

又叫多元素选择器,用于选择所有指定的选择器组合的结果,语法如下:

在jquery中有哪些层次选择器(Jquery中选择器用法解释)(4)

综合例子:

在jquery中有哪些层次选择器(Jquery中选择器用法解释)(5)

在jquery中有哪些层次选择器(Jquery中选择器用法解释)(6)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页