设为首页 加入收藏

TOP

jQuery基础及选择器(二)
2014-11-24 02:33:50 来源: 作者: 【 】 浏览:1
Tags:jQuery 基础 选择
text11");

//同时选择多个符合条件的JQuery包装集,用","号分隔条件

var text_query=$("#text11,#text12");

//选择所有DOM元素

var all_query=$("*");


//===================2.层次选择器 Hierarchy===================

//获取以tr标签作为上下文的id值为text11的元素

var text11_query=$("tr #text11");

//获取所有td标签下的所有直接input子元素

var input_query=$("td > input");

//获取所有id为text11元素的同级且紧靠的class为button11元素。text11与button11在地位上属于同级关系

var button11_query=$("#text11 + .button11");

//获取与id为text11元素同级,且处于后面的所有class为button11的元素

var button11_query=$("#text11~.button11");


//===================3.基本过滤器 Basic Filters===================

//相当于CSS选择器中的伪类

//获取第一个input元素

var input_query=$("input:first");

//获取最后一个input元素

var input_query=$("input:last");

//获取所有未被选中的input元素,仅对有checked属性的元素有效

var input_query=$("input:not(:checked)");

//获取所有input元素中偶数的元素,第一个input元素为1

var input_query=$("input:even");

//获取所有input元素中奇数的元素,第一个input元素为1

var input_query=$("input:odd");

//查找所有input元素中索引为1的input元素,索引值从0算起

var input_query=$("input:eq(1)");

//查找所有input元素中索引大于0的input元素(不包含索引为0的元素)

var input_query=$("input:gt(0)");

//查找所有input元素中索引小于2的input元素(不包含索引为2的元素)

var input_query=$("input:lt(2)");

//获取页面所有标题元素,等价于$("h1, h2,h3,h4,h5,h6")

var h_query=$(":header");

//获取所有正在执行动画效果的元素

var animated_query=$(":animated");


//===================4. 内容过滤器 Content Filters===================

//查找所有html内容含有"你好世界!"的h1元素

var h1_query=$("h1:contains('你好世界!')");

//获取所有不含子标签或html内容为空的td元素

var td_query=$("td:empty");

//查找所有含有input子元素的td元素

var td_query=$("td:has(input)");

//查找所有含有子标签或有html内容的td元素,与empty过滤器作用相反

var td_query=$("td:parent");


//===================5.可见性过滤器 Visibility Filters===================

//hidden查找所有不可见元素(如<script>标签不可见),或者type为hidden的元素(对于使用visibility:hidden隐藏的元素不能获取)

//查找使用type为hidden的input元素

var input_query=$("input:hidden");

//查找所有可见的input元素

var input_query=$("input:visible");


//===================6.属性过滤器 Attribute Filters===================

//查找所有含有id属性的input元素

var input_query=$("input[id]");

//查找name值为text11的input元素

var input_query=$("input[name='text11']");

//查找name值不等于text11的所有input元素

var input_query=$("input [name!='text11']");

//查找name值以text开头的input元素

var input_query=$("input[name^='text']");

//查找name值以11结尾的所有input元素

var input_query=$("input[name$='11']");

//查找name值中含有ext的所有input元素

var input_query=$("input[name*='ext']");

//查找所有含有id属性并且name值中含有ext的input元素

var input_query=$("input[id][name*='ext']");


//===================7.子元素过滤器 Child Filters===================

//查找父元素中子元素中排第2的input元素

//:eq(index)只匹配一个元素,而为:nth-child每一个父元素匹配子元素

//:nth-child从1开始的,而:eq()是从0算起。

var input_query=$("inpu

首页 上一页 1 2 3 下一页 尾页 2/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Python批量绑定腾讯云平台CVM域名.. 下一篇C++程序作为Linux服务启动时出cor..

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: