您好,欢迎访问一九零五行业门户网

Jquery中CSS选择器用法分析_jquery

本文实例讲述了jquery中css选择器用法。分享给大家供大家参考。具体如下:
jquery使用了一套css选择器,共有5种,即标签选择器,id选择器,类选择器,通用选择器和群组选择器,现分述如下:
1. 标签选择器
用于选择html页面中已有的标签元素,又称元素选择器,格式:$(element),如$(div),同getelementbytagname
2. id选择器
用于获取某个具有id属性的元素,格式如下:$(id),同getelementbyid
复制代码 代码如下:
$(#users).val();
3. 类选择器
用于获取某个具有class属性的元素,格式:$(class)
复制代码 代码如下:
给这个文本框添加边框样式,首先这里用class属性来绑定文本框
复制代码 代码如下:
$(.t).css(border, 2px solid blue);
4. 通用选择器
通用选择器(*)匹配所有元素,多用于结合上下文来搜索,也就是找到html页面中的所有标签, $(*)
5. 群组选择器
又叫多元素选择器,用于选择所有指定的选择器组合的结果,语法如下:
复制代码 代码如下:
$(selector1, seletor2, selector3)
如:
复制代码 代码如下:
$(div, span, p.styleclass).css(border, 1px solid red);
   综合例子:
复制代码 代码如下:
css选择器
这是标题中的文本
div元素:id属性为div1.
div元素:id属性为div2.
div元素:id属性为div3.
效果图如下所示:
希望本文所述对大家的jquery程序设计有所帮助。
其它类似信息

推荐信息