jQuery 选择器
2014-05-08 10:06
169 查看
$(this).方法() - 当前元素,即调用这个方法的元素
$("p").方法() - 注意:这里的p指的是jsp中所有的<p>XXX</p>
$(".test").方法() - 所有 class="test" 的所有元素
$("#test").方法() - id="test" 的元素 PS:如果有多个id="test" 的元素,也只返回第一个
$("*“) - 通配选择器 返回所有元素
$("#aa,.cc“) - 返回id值为aa的第一元素,并且返回class为cc的所有元素
$(":text").方法() :查找text文本框,等同于$("input[type='text']")(后者更好)
后代选择器: 中间有一个空格 所有
子选择器: > 不管孙元素
兄弟选择器: + 紧接才算 ~ 后面所有的兄弟元素
$("[type=‘ccc‘]") 返回属性type为ccc的所有元素 见到[] 为属性选择器,如果两个条件的话,则两个条件要同时满足才行
:header 选择器选取所有标题元素(h1 - h6)。
注意: XX:nth-child(1) 所有 特殊:元素从1开始计算
XX:nth-child(3n+1)
:checked 选取所有的处于选中状态的单选按钮和复选框
:selected 选取所有的处于选中状态的option元素 (下拉列表)
:input 选取input,textarea,select和button元素
$("p").方法() - 注意:这里的p指的是jsp中所有的<p>XXX</p>
$(".test").方法() - 所有 class="test" 的所有元素
$("#test").方法() - id="test" 的元素 PS:如果有多个id="test" 的元素,也只返回第一个
$("*“) - 通配选择器 返回所有元素
$("#aa,.cc“) - 返回id值为aa的第一元素,并且返回class为cc的所有元素
$(":text").方法() :查找text文本框,等同于$("input[type='text']")(后者更好)
后代选择器: 中间有一个空格 所有
子选择器: > 不管孙元素
兄弟选择器: + 紧接才算 ~ 后面所有的兄弟元素
$("[type=‘ccc‘]") 返回属性type为ccc的所有元素 见到[] 为属性选择器,如果两个条件的话,则两个条件要同时满足才行
:header 选择器选取所有标题元素(h1 - h6)。
注意: XX:nth-child(1) 所有 特殊:元素从1开始计算
XX:nth-child(3n+1)
:checked 选取所有的处于选中状态的单选按钮和复选框
:selected 选取所有的处于选中状态的option元素 (下拉列表)
:input 选取input,textarea,select和button元素
相关文章推荐
- JQuery 变量 选择器
- jQuery过滤选择器——可见度过滤选择器
- jQuery 选择器和dom操作
- Jquery升级新版本后选择器的语法问题
- jQuery学习教程(二):选择器1
- 【11】jQuery学习——入门jQuery选择器之过滤选择器-表单对象属性过滤选择器
- Jquery基本、层次选择器
- javascript学习(十八)— jQuery选择器(二)
- jQuery 选择器
- jQuery选择器
- JQuery选择器
- jquery选择器
- HTML5中类jQuery选择器querySelector的使用
- Web前端成长日记--JQuery选择器的妙用
- Jquery-选择器-简单的选择器
- jquery选择器初探
- jQuery 温习篇---强大的JQuery选择器(转)
- Jquery伪选择器学习笔记
- jQuery之层级选择器学习笔记
- jquery 选择器