版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
语法 | 描述 | 备注 |
---|---|---|
$("*") | 选取所有HTML元素 | |
$(this) | 选取当前HTML元素 | |
$(“p.intro”) | 选取class为intro的<p>元素 | |
$(“p.first”) | 选取第一个<p>元素 | |
$(“ul li:first”) | 选取第一个<ul>元素的第一个<li>元素 | |
$(“ul li:first-child”) | 选取每一个<ul>元素的第一个<li>元素 | |
$("[href]") | 选取带有href属性的元素 | "[ ]“可以理解为属性,比如[href]表示带有href属性的元素;”:"可以理解为种类,比如p:first表示p类标签的第一个 |
$(“a[target=’_blank’]”) | 选取所有target属性值等于"_blank"的<a>元素 | |
$(“a[target!=’_blank’]”) | 选取所有target属性值不等于"_blank"的<a>元素 | |
$(":button") | 选取所有type=“button”的<input>元素和<buttom>元素 | 如果去掉冒号,则只能获取到<button>元素 |
$(“tr:even”) | 选取偶数位置的<tr>元素 | 方便设置列表交替行样式 |
$(“tr:ood”) | 选取奇数位置的<tr>元素 |
//复合选择器
$("#id", ".class")
//层级选择器 div下的p元素中的span元素
$(div p span)
//父子选择器 div下的所有p元素
$(div>p)
//相邻元素选择器 div后面的p元素(仅一个p)
$(div+p)
//兄弟选择器 div后面的所有p元素(同级别)
$(div~p)
//类选择器 加 过滤选择器 第一个和最后一个(first 或者 last)
$(.p:last)
//层级选择 加 过滤选择器 奇偶(odd 或者 even)
$("#mytable td:odd")
//索引选择器 div下的第三个p元素(索引是从0开始)
$("div p:eq(2)")
//属性选择器
$("a[href='www.baidu.com']")
// 内容过滤选择器,包含text内容的p元素
$("p:contains(test)")
//内容过滤选择器,所有空标签(不包含子标签和内容的标签)parent 相反
$(":emtyp")
//所有隐藏元素 visible
$(":hidden")
//选取所有启用的表单元素
$("input:enabled")
//所有不可用的元素
$(":disabled")
//获取所有选中的复选框单选按钮等
$("input:checked")
//获取选中的选项元素
$("select option:selected")