jquery学习(二)选择器
来源:互联网 发布:重庆西南大学网络教育 编辑:程序博客网 时间:2024/06/06 09:08
1.基本选择器
*:代表所有元素#id:例如:$("#lastname"),id="lastname" 的元素.class:例如:$(".intro"),所有 class="intro" 的元素element:例如:$("p"),所有 <p> 元素
如果要同时选择多个元素,元素之间可以加逗号
$('.test, #test, h1')
2.层次选择器
$('parent child'):选择所有指定的子元素,不一定是直接子元素$('parent > child'):选择直接子元素$('prev + next'):选择下一个指定的兄弟元素,一定要是紧跟着的兄弟元素$('prev ~ siblings'):选择后面指定的所有兄弟元素,不一定要紧跟着
3.基本过滤选择器
:first:选择指定元素的第一个元素,例如:$("p:first"),选择第一个p元素:last:选择指定元素的最后一个元素,例如:$("p:last"),选择最后一个p元素:not(selector):取非元素:even:例如,$("tr:even"),所有偶数 <tr> 元素:odd:选择奇数个元素:eq(index):例如,$("ul li:eq(3)"),列表中的第四个元素(index 从 0 开始):gt(no):大于指定索引的元素:lt(no):小于指定索引的元素
4.内容过滤选择器
:contains(text):搜索包含指定字符串的元素,子元素包含字符串也可以。例如:
$("div:contains('zjoops')").css('backgroundColor', 'yellow');
div的子元素包含该字符串,也会被选中
:empty:空元素(内容为空,且不包含子元素) $("div:empty").css('backgroundColor', 'yellow');:has(selector):包含指定子元素
例如:
$("div:has(span)").css('backgroundColor', 'yellow');选择包含span子元素的div元素:parent:取包含子元素或文本的元素
5.可见性过滤选择器
:hidden:取不可见元素(display:none) :visible:取可见元素
6.属性过滤选择器
[attribute]:拥有attribute属性的元素,例如:
$("div[class]").css('backgroundColor', 'yellow');
[attribute = value]:attribute属性值等于value的元素,也可以[attribute != value][attribute ^= value]:attribute属性值以value开头的元素[attribute $= value]:attribute属性值以value结尾的元素[attribute *= value]:attribute属性值包含value的元素[attribute][attribute = value]:还可以进行联合选择,是且的关系
7.子元素过滤选择器
:first-child:匹配父元素的第一个子元素,如果该元素是第一个元素,则选中。例如:
$("li:first-child").css('backgroundColor', 'yellow');
:last-child:匹配父元素的最后一个子元素:nth-child(n|even|odd|formula): 选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素。 n:要匹配的每个子元素的索引,必须是一个数字,第一个元素的索引号是 1。 even:选取每个偶数子元素。 odd:选取每个奇数子元素。 formula:规定哪个子元素需通过公式 (an + b) 来选取。 实例:p:nth-child(3n+2) 选取每个第三段,从第二个子元素开始。:only-child:选取属于其父元素的唯一子元素的每个元素。
8.表单元素选择器
:input:所有<input>元素:text:所有type="text"的<input>元素:password:所有type="password"的<input>元素:radio:所有type="radio"的<input>元素:checkbox:所有type="checkbox"的<input>元素:submit:所有type="submit"的<input>元素:reset:所有type="reset"的<input>元素:button:所有type="button"的<input>元素:image:所有type="image"的<input>元素:file:所有type="file"的<input>元素
9.表单元素过滤选择器
:enabled:所有激活的input元素:disabled:所有禁用的input元素:selected:所有被选取的input元素:checked:所有被选中的input元素
0 0
- jquery学习(二)选择器
- jQuery学习笔记(二)--jQuery选择器
- jQuery学习笔记二(jQuery选择器)
- JQuery学习之(二)选择器
- 带你学习Jquery(二):选择器
- jQuery学习笔记(二)选择器 事件
- jQuery学习(二)--各种选择器说明
- jQuery学习(二)语法 选择器
- jQuery代码学习(二)认识选择器
- jQuery学习笔记(二)选择器
- jQuery学习(二)-常规选择器
- JQuery选择器学习总结(二)
- jQuery学习笔记(二)_选择器
- Jquery选择器(二)
- jQuery选择器(二)
- jQuery 选择器(二)
- jQuery选择器(二)
- JQuery学习笔记二:选择器
- js 面向对象编程实例
- 贝叶斯决策论中的参数估计
- 最新在Ubuntu 14.04.5 64位上编译OpenJDK7和错误解决
- 似然函数
- PCA算法是怎么跟协方差矩阵/特征值/特征向量勾搭起来的?
- jquery学习(二)选择器
- Kernel Methods (1) 从简单的例子开始
- Kernel Methods (2) Kernel function
- Kernel Methods (3) Kernel Linear Regression
- vector的使用
- Kernel Methods (4) Kernel SVM
- windows、linux查看域名解析、跟踪路由
- UE4 判断正面点击
- Kernel Methods (5) Kernel PCA