jquery 选择器
2016-01-04 17:45
931 查看
判断对象是否存在
if($('#tt').length>0){
do something;
}
改变所有的span元素和id为two的元素的背景颜色
$('span,#two').css('background','#bbffaa');
$('div span') 选取div里的所有span元素
$('div>span') 选取div元素下元素名是span的子元素
$('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元素
$(':focus') 获取当前获取焦点的元素
$('div:first') 改变第一个div的
$('div:last') 改变最后一个div的
$('div:not(.one)')改变class不为one的div
$("div:contains('我')")选取含有文本我的div元素
$("div:empty")选取不包含子元素(包括文本元素)的div空元素
$("div:has(p)")选取含有p元素的div元素
$(":hidden")选取所有不可见的元素。包括<input type="hidden" />,<div style="display:none;" />和<div style="visibiliy:hidden;" />等元素,如果只想选取input元素,可以用$("input:hidden")
$(":visible)选取所有可见元素.
$("div[id]")选取拥有id属性的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[title*=test]选取属性title含有test的div元素
:nth-child()子元素过滤器
1 :nth-child(even)能选取每个父元素下的索引值是偶数的元素。
2 :nth-child(odd)能选取每个父元素下的索引值是奇数的元素。
3 :nth-child(2)能选取每个父元素下的索引值是2的元素。
4 :nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素,(n从1开始)
5 :nth-child(3n+)能选取每个父元素下的索引值是3n+1的元素,(n从1开始)
eq(index)只匹配一个元素,index是从0开始,而:nth-child(index)将每一个符合条件的父元素匹配子元素,而且index是从1开始。
$("#form1 :enabled")选取id为form1的表单内的所有可用元素
$("#form1 :disabled")选取id为form1的表单内的所有不可用元素
$("input :checked")选取input元素的所有被选中元素
$("select option:selected")选取下拉框的所有被选中元素
$("#form1 input:disabled").val("test")改变form表单中input的val的值为test
$("input:checked").length;获取多选框选中的个数
$("select :selected").text();获取下拉框选中的内容
if($('#tt').length>0){
do something;
}
改变所有的span元素和id为two的元素的背景颜色
$('span,#two').css('background','#bbffaa');
$('div span') 选取div里的所有span元素
$('div>span') 选取div元素下元素名是span的子元素
$('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元素
$(':focus') 获取当前获取焦点的元素
$('div:first') 改变第一个div的
$('div:last') 改变最后一个div的
$('div:not(.one)')改变class不为one的div
$("div:contains('我')")选取含有文本我的div元素
$("div:empty")选取不包含子元素(包括文本元素)的div空元素
$("div:has(p)")选取含有p元素的div元素
$(":hidden")选取所有不可见的元素。包括<input type="hidden" />,<div style="display:none;" />和<div style="visibiliy:hidden;" />等元素,如果只想选取input元素,可以用$("input:hidden")
$(":visible)选取所有可见元素.
$("div[id]")选取拥有id属性的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[title*=test]选取属性title含有test的div元素
:nth-child()子元素过滤器
1 :nth-child(even)能选取每个父元素下的索引值是偶数的元素。
2 :nth-child(odd)能选取每个父元素下的索引值是奇数的元素。
3 :nth-child(2)能选取每个父元素下的索引值是2的元素。
4 :nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素,(n从1开始)
5 :nth-child(3n+)能选取每个父元素下的索引值是3n+1的元素,(n从1开始)
eq(index)只匹配一个元素,index是从0开始,而:nth-child(index)将每一个符合条件的父元素匹配子元素,而且index是从1开始。
$("#form1 :enabled")选取id为form1的表单内的所有可用元素
$("#form1 :disabled")选取id为form1的表单内的所有不可用元素
$("input :checked")选取input元素的所有被选中元素
$("select option:selected")选取下拉框的所有被选中元素
$("#form1 input:disabled").val("test")改变form表单中input的val的值为test
$("input:checked").length;获取多选框选中的个数
$("select :selected").text();获取下拉框选中的内容
相关文章推荐
- jQuery返回顶部实用插件
- jQuery瀑布流实例无限滚动加载图片
- Jquery一个slideToggle搞定div的隐藏与显示
- Jquery-中括号与冒号([]与:)的用法
- Html5添加全屏背景视频jQuery插件教程
- 沫沫金 - 实战总结jQuery进阶技巧图册
- JQuery文件上传插件uploadify在MVC中Session丢失的解决方案
- jquery获取radiobutton的选中值
- jQuery插件之ajaxFileUpload
- 实例详解jQuery结合GridView控件的使用方法
- 大前端------jQuery事件
- jquery中eq和get的区别与使用方法
- jQuery EasyUI之DataGrid使用实例详解
- jQueryRotate 转盘抽奖代码实现
- Jquery 获取日期date()对象
- Html5添加canvas图像导出为多种格式图片的jQuery插件教程
- jQuery实现简单的点赞效果
- jQuery+Ajax实现无刷新操作
- jquery-ui draggable參數方法事件
- jquery ui tabs 获取当前被选中标签的索引值