jquery选择器说明
2017-01-12 18:02
148 查看
1.选择器:hidden
匹配所有不可见元素,或者type为hidden的元素
例如:
$("input:hidden")
则会获取到<input
type="hidden" name="id" />
2.选择器:visible
匹配所有的可见元素
<table>
<tr
style="display:none"><td></td></tr>
<tr><td>ok</td></tr>
</table>
$("tr:visible")
则会获取到<tr><td>ok</td></tr>
3.选择器 parent > child$("form > input")
在给定的父元素下匹配所有的子元素
例如
<form>
<input
name="name">
</form>
<input
name="id">
$("form
> input")
则会获取到<input
name="name">
4.选择器[attribute=value]
匹配给定属性是某个特定值的元素
例如:
<input
type="checkbox" name="newsletter" value="hu">
<input
type="checkbox" name="newsletter" value="zhang">
<input
type="checkbox" name="news" value="li">
$("input[name='newsletter']").attr("checked",true);
结果
<input type="checkbox" name="newsletter" value="hu" checked='true'>
<input type="checkbox" name="newsletter" value="zhang"
checked='true' >
匹配所有不可见元素,或者type为hidden的元素
例如:
<form> <input type="text" name="email" /> <input type="hidden" name="id" /> </form>
$("input:hidden")
则会获取到<input
type="hidden" name="id" />
2.选择器:visible
匹配所有的可见元素
<table>
<tr
style="display:none"><td></td></tr>
<tr><td>ok</td></tr>
</table>
$("tr:visible")
则会获取到<tr><td>ok</td></tr>
3.选择器 parent > child$("form > input")
在给定的父元素下匹配所有的子元素
例如
<form>
<input
name="name">
</form>
<input
name="id">
$("form
> input")
则会获取到<input
name="name">
4.选择器[attribute=value]
匹配给定属性是某个特定值的元素
例如:
<input
type="checkbox" name="newsletter" value="hu">
<input
type="checkbox" name="newsletter" value="zhang">
<input
type="checkbox" name="news" value="li">
$("input[name='newsletter']").attr("checked",true);
结果
<input type="checkbox" name="newsletter" value="hu" checked='true'>
<input type="checkbox" name="newsletter" value="zhang"
checked='true' >
相关文章推荐
- jQuery Ajax 简单的实现跨域请求
- jQuery选中下拉框,jQuery如何选中select
- 基于jQuery实现照片墙自动播放特效
- 自定义jQuery插件的写法
- jQuery中的元素位置及大小的获取
- jquery之回调函数及jsonp
- 自定义带搜索框的下拉列表插件
- 使用jquery.qrcode生成二维码
- jQuery根据元素值删除数组元素的方法
- jQuery自动播放的照片墙特效
- jQuery文档加载完毕的几种写法
- Jquery获取勾选复选框里面的值并且动态添加到一个新的div里面
- 如何在Electron中使用jQuery
- Jquery 在ios上事件委托失效?
- jQuery中的on()方法在实践中遇到的问题
- jquery select option选中
- 用jQuery给select框加56个民族
- 利用Jquery的AjaxUpload组件实现头像异步上传并回显
- jQuery实现自由拖动DIV插件
- 当JQuery的$.ajax函数请求不存在的url时,从error函数里是否能得知发生什么了?