jQuery学习大总结(二)jQuery选择器完好介绍。ITeye - AG环亚娱乐集团

jQuery学习大总结(二)jQuery选择器完好介绍。ITeye

2019年03月01日11时15分46秒 | 作者: 振翱 | 标签: 学习,元素,成果 | 浏览: 466

举例:

 inputtype="text"id="ID"value="依据ID挑选"/ a 依据元素称号挑选 /a inputtype="text" value="依据元素css类名挑选"/ 
jQuery("#ID").val();
jQuery("a").text();
jQuery(".classname").val();

即可别离得到元素的值。以上三种为最常见的挑选器,其间ID挑选器是功率最高的,在或许的情况下应该尽量运用它。

2、层次挑选器

ancestor descendant  先人和后代挑选器 parent child           父子节点挑选器 prev + next                同等级挑选器 prev ~ siblings         过滤挑选器

举例:

 divid="divTest" inputtype="text"value="出资"/ inputid="next"type="text"/ inputtype="text"value="担任"/ inputtype="text"value="学习"/ a 1 /a a 2 /a /div 
//得到div中的a标签内容 成果为12
jQuery("#divTest a").text();//输出div直接子节点 成果为出资
jQuery("#divTest input").val();//输出id为next的后一个同等级元素 成果为担任
jQuery("#next+input").val();//同上,并且是有title的元素 成果为学习
jQuery("#next~[title]").val();

3、根本过滤挑选器

:first                       找到榜首元素 :last                       找到最终一个元素 :not(selector)      去除与给定挑选器匹配的元素 :even                     匹配索引值为偶数的元素 从0开端计数 :odd                       匹配索引值为奇数的元素 从0开端计数 :eq(index)             匹配一个给定索引值元素 从0开端 :gt(index)              匹配大于给定索引值元素 :lt(index)               匹配小于给定索引值元素 :header                 挑选h1,h2,h3一类的标签 (现在没用过) :animated             匹配正履行动画作用的元素 (现在没用过)

举例:

 divid="divTest" ul li 出资 /li li 理财 /li li 老练 /li li 担任 /li inputtype="radio"value="学习"checked="checked"/ inputtype="radio"value="不学习"/ /ul /div 
//榜首个li内容 成果为出资
jQuery("li:first").text();//最终一个li内容 成果为担任
jQuery("li:last").text();//input未被选中的值 成果为不学习
jQuery("li input:not(:checked)").val();//索引为偶数的li 成果为出资 老练
jQuery("li:even").text();//索引为奇数的li 成果为理财 担任
jQuery("li:odd").text();//索引大于2的li的内容 成果为担任
jQuery("li:gt(2)").text();//索引小于1的li的内容 成果为出资
jQuery("li:lt(1)").text();

4、内容过滤器

:contains(text)              匹配包括给定文本的元素 :empty                       匹配一切不包括子元素或许文本的空元素 :has(selector)              匹配含有挑选器所匹配的元素

举例:

 divid="Test" ul li hyip出资 /li li hyip /li li /li li 理财 /li li a 出资 /a /li /ul /div 
//包括hyip的li的内容 成果为hyip出资 hyip
jQuery("li:contains(hyip)").text();//内容为空的li的后一个li内容 成果为理财
jQuery("li:empty+li").text();//包括a标签的li的内容 成果为出资
jQuery("li:has(a)").text();

5、可见性过滤器

:hidden    匹配不行见元素 :visible     匹配可见元素

举例:

 ul li 可见 /li li 不行见 /li /ul 
//不行见的li的内容 成果为不行见
jQuery("li:hidden").text();//可见的li的内容 成果为可见
jQuery("li:visible").text();

6、特点过滤器

[attribute=value]                 匹配特点是给定值的元素 [attribute^=value]               匹配特点是以给定值开端的元素 [attribute$=value]              匹配特点是以给定值完毕的元素 [attribute*=value]               匹配特点包括给定值的元素

举例:

 inputtype="text"name="hyipinvest"value="hyip出资"/ inputtype="text"name="investhyip"value="出资hyip"/ inputtype="text"name="google"value="HYIP"/ 
//name为hyipinvest的值 成果为hyip出资
alert(jQuery("input[name=hyipinvest]").val());//name以hyip开端的值 成果为hyip出资
alert(jQuery("input[name^=hyip]").val());//name以hyip完毕的值 成果为出资hyip
alert(jQuery("input[name$=hyip]").val());//name包括oo的值 成果为HYIP
alert(jQuery("input[name*=oo]").val());

jQuery挑选器就总结到这儿,这些根本上都是在学习过程中遇到的,还有很少部分没有总结出来。通过一段时间实践,信任我们就可以娴熟的运用jQuery挑选器了。

版权声明
本文来源于网络,版权归原作者所有,其内容与观点不代表AG环亚娱乐集团立场。转载文章仅为传播更有价值的信息,如采编人员采编有误或者版权原因,请与我们联系,我们核实后立即修改或删除。

猜您喜欢的文章

阅读排行

  • 1

    Tomcat端口号的修正ITeye

    修正,端口号,找到
  • 2