JavaScripts+jquery
2016-04-21 21:55
423 查看
选择器
参数
element
一个用于搜索的元素。指向DOM节点的标签名。
<div>div1</div>
<div>div2</div>
<span>span</span>
$('div');
[<div>div1</div>, <div>div2</div>]
class
一个用于搜索的类。一个元素可以有多个类,只要有一个符合就包含。
<div class="c1">div1</div>
<div class="c2">div2</div>
<span class="c1">span</span>
$('.c1');
[<div class="c1">div1</div>, <span class="c1">span</span>]
,
匹配任意一个类的元素
$('div,span');
[<div class="c1">div1</div>, <div class="c2">div2</div>, <span class="c1">span</span>]
在给定的祖先元素下匹配所有的后代元素
<div class="c1">
<div>
<a>aaasb</a>
<span>aaaas</span>
</div>
</div>
<div class="c2">div2</div>
<span class="c1">span</span>
$('div a');
[<a>aaasb</a>, <a>aaaas</a>, <a>111s</a>, <a>hahaha</a>]
在父元素下查找子元素(之查找子元素)
$('div > a');
[<a>aaasb</a>, <a>aaaas</a>, <a>hahaha</a>]
?一个有效选择器并且紧挨着的第一个选择器
prev + next
匹配prev元素之后的第一个siblings元素
pre ~ siblings
获取第一个元素
:first
$('a:first');
[<a>aaasb</a>]
匹配所有索引值为偶数的元素,从0开始计数
:even
$("tr:even");
[<tr><td>Header 1</td></tr>, <tr><td>Value 2</td></tr>, <tr><td>Value 4</td></tr>]
匹配所有索引值为奇数的元素,从0开始计数
:odd
匹配一个给的索引值的元素
:eq(index)
匹配所有大于给定索引值的元素
:gt(index)
在页面中选取所有 <p> 元素:
$("p")
页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。
通过 id 选取元素语法如下:
$("#test")
语法如下:
$(".test")
参数
element
一个用于搜索的元素。指向DOM节点的标签名。
<div>div1</div>
<div>div2</div>
<span>span</span>
$('div');
[<div>div1</div>, <div>div2</div>]
class
一个用于搜索的类。一个元素可以有多个类,只要有一个符合就包含。
<div class="c1">div1</div>
<div class="c2">div2</div>
<span class="c1">span</span>
$('.c1');
[<div class="c1">div1</div>, <span class="c1">span</span>]
,
匹配任意一个类的元素
$('div,span');
[<div class="c1">div1</div>, <div class="c2">div2</div>, <span class="c1">span</span>]
在给定的祖先元素下匹配所有的后代元素
<div class="c1">
<div>
<a>aaasb</a>
<span>aaaas</span>
</div>
</div>
<div class="c2">div2</div>
<span class="c1">span</span>
$('div a');
[<a>aaasb</a>, <a>aaaas</a>, <a>111s</a>, <a>hahaha</a>]
在父元素下查找子元素(之查找子元素)
$('div > a');
[<a>aaasb</a>, <a>aaaas</a>, <a>hahaha</a>]
?一个有效选择器并且紧挨着的第一个选择器
prev + next
匹配prev元素之后的第一个siblings元素
pre ~ siblings
获取第一个元素
:first
$('a:first');
[<a>aaasb</a>]
匹配所有索引值为偶数的元素,从0开始计数
:even
$("tr:even");
[<tr><td>Header 1</td></tr>, <tr><td>Value 2</td></tr>, <tr><td>Value 4</td></tr>]
匹配所有索引值为奇数的元素,从0开始计数
:odd
匹配一个给的索引值的元素
:eq(index)
匹配所有大于给定索引值的元素
:gt(index)
元素选择器
jQuery 元素选择器基于元素名选取元素。在页面中选取所有 <p> 元素:
$("p")
#id 选择器
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。
通过 id 选取元素语法如下:
$("#test")
.class 选择器
jQuery 类选择器可以通过指定的 class 查找元素。语法如下:
$(".test")
相关文章推荐
- jquery ajax设置header的两种方式
- 结合asp使用JQuery框架下的Ajax实例
- Jquery的treeview插件实现树形结构
- 执行ajaxFileUpload发生jQuery.handleError is not a function错误的个人解决方法
- JQuery获取select选中的值
- Jquery.form.js Ajax ajaxSubmit提交表单
- jQuery获取选中复选框的值
- jquery file change 一次问题的解决
- 获取jquery打分插件rateit 的分值
- 使用jquery生成随机二维码的方法
- Jquery 实现网页右击功能
- Jquery控制div滚动,但不显示滚动条
- Jquery实现下拉多选框multiSelect
- HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)
- jQuery 监控键盘一段时间内没输入
- JS/Jquery得到Select标签显示值和value值
- vue-cli webpack 引入jquery
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- 上传文件jQuery 的ajaxFileUpload 方法上传文件