jquery选择器
2019-04-12 00:08
981 查看
1 基本选择器
$("#test") 选取id为test的元素 $(".test") 选取class为test的元素 $("p") 选取所有p元素 $("*") 选取所有元素 $(this) 选取当前 HTML 元素 $("span,#two") 选择所有span元素和id为two的元素
2 层次选择器
$("div span") 选取<div>里所有的<span>元素 $("div>span") 选取<div>里所有的直接子<span>元素 $(".one+div") 紧挨着$('')的一个元素 {next()方法可以代替+,$(".one").next("div")} $("#two~div") 在$('')以后的所有的同辈元素 {nextAll()代替~} nextAll()选取下面所有的同辈元素,siblings()选取所有的同辈元素
3 过滤选择器
3.1 基本过滤选择器(网页中元素的索引是从0开始的)
$("div:first") 选取所有<div>元素中第一个<div>元素 $("div:last") 选取所有<div>元素中最后一个<div>元素 $("input:not(.myClass)") 选取class不是myClass的<input>元素 $("input:even") 选取索引是偶数的<input>元素 $("input:odd") 选取索引是基数的<input>元素 $("input:eq(1)") 选取索引等于1的<input>元素 $(input:gt(1)) 选取索引大于1的<input>元素 $(input:lt(1)) 选取索引小于1的<input>元素 $(":header") 选取网页中所有的<h1><h2>...元素 $("div:animated") 选取正在执行动画的<div>元素
3.2 内容过滤选择器
$("div:contains('我')") 选取含有文本“我”的<div>元素 $("div:empty") 选取不包含子元素的<div>空元素(:empty 选取无子节点的所有匹配元素) $("div:has(p)") 选取含有<p>元素的<div>元素 $("div:parent") 选取拥有子元素的<div>元素
3.3 )可见性选择器
$(":hidden") 选取所有不可见的元素 $("div:visible") 选取所有可见的<div>元素
3.4
$("div[id]") 选取拥有属性id的元素 $("div[title=test]") 选取属性title等于"test"的<div>元素 $("div[title!=test]") 选取属性title不等于"test"的<div>元素 $("div[title^=test]") 选取属性title的值以"test"开始的<div>元素 $("div[title$=test]") 选取属性title的值以"test"结束的<div>元素 $("div[title*=test]") 选取属性title的值含有"test"的<div>元素 $("div[id][title$=test]") 选取拥有属性id,并且属性title的值以"test"结束的<div>元素
3.5 子元素选择器(选取的都是多个)
$(":nth-child(index/even/odd/equation)") 选取每个父元素下的指定元素{index从1开始} $("ul li:first-child") 选取每个<ul>中第一个<li>元素(选取每个匹配元素的第一个元素) $("ul li:last-child") 选取每个<ul>中最后一个<li>元素(选取每个匹配元素的最后一个元素) $("ul li:only-child") 在<ul>中选取是唯一子元素的<li>元素
3.6 表单对象选择器
$("#form1 :enabled") 选取id为'form1'的表单内的所有可用元素 $("#form1 :disabled") 选取id为'form1'的表单内的所有不可用元素 $("input:checked") 选取所有被选中的<input>元素 $("input :selected") 选取所有被选中的选项元素
3.7 表单选择器
$(":input") 选取所有<input>、<textarea>、<select>、<button>元素 $(":text") 选取所有的单行文本框 $(":password") 选取所有所有的密码框 $(":radio") 选取所有的单选框 $(":checkbox") 选取所有的复选框 $(":submit") 选取所有的提交按钮 $(":image") 选取所有的图像按钮 $(":reset") 选取所有的重置按钮 $(":button") 选取所有的按钮 $(":file") 选取所有的上传域 $(":hidden") 选取所有的不可见元素
相关文章推荐
- 如何处理jQuery选择器中的特殊符号
- jQuery-Selectors(选择器)的使用(九、表单对象属性篇)
- jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
- jquery选择器效率问题
- jQuery笔记——jQuery选择器实例应用
- jQuery 选择器
- Jquery 选择器列举
- jQuery选择器全集详解
- $(".class")后到底发生了什么 -- jquery选择器分析
- 15 Days of jQuery(Day 15) --- 拖拽效果和选择器
- Jquery选择器基本介绍
- 使用Jquery层次选择器
- jQuery内容过滤选择器用法分析
- jQuery与CSS3的选择器
- JQuery中基础过滤选择器用法实例分析
- jQuery选择器(二)
- jquery选择器
- jQuery中的通配符选择器使用总结
- jQuery之知识二-选择器
- jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html