jquery选择器总结[全]推荐 原创 收藏

文章标签:
  • :
  • 05-10 12:09
  • :
  • 150次
  • :
  • 0条
  • 2赞

简介本文总结整理了jquery里和选择器相关的所有方法,通过这篇文章,可以让你学习到在jquery里使用选择器的所有方法。l

本章站长和大家总结一下jquery里选择器的所有用法,通过这篇文章的学习,可以让你快速的掌握jquery里各种使用选择器的方法:

一:基本选择器:

$("#aijquery")    选择id值等于aijquery的元素
$("p")            选择所有的P标签元素 
$(".aijquery")    选择css里使用aijquery类的所有元素 
$("*")            选择文档中的所有的元素,
$("#aijquery,div,.angel")    联合选择,选择ID为aijquery,div标签,和含有angel的CSS样式的所有标签


二:层级选择器:

$("div p")     选择div标签内的所有p标签元素 包括子元素的子元素 
$("div > p")   选择div标签里的所有P标签子元素 不包括子元素的子元素 
$("div + p")   选择所有紧跟在div标签后面的P标签元素 
$("div ~ p")   选择所有与div同辈的P标签元素


三:基本过滤器:

$("div:first")    选择所有div元素的第一个 
$("div:last")     选择所有div元素的最后一个 
$("input:not(:checked)")    选择所有未选中的Input 
$("tr:even")      选择所有的tr元素的第0,2,4... ...个元素  
$("tr:odd")       选择所有的tr元素的第1,3,5... ...个元素 
$("td:eq(2)")     选择所有的td元素中序号为2的那个td元素 
$("td:gt(4)")     选择td元素中序号大于4的所有td元素 
$("td:lt(4)")     选择td元素中序号小于4的所有的td元素


四:内容过滤器:

$("div:contains('aijquery')") 选择所有div中含有aijquery文本的元素 
$("td:empty")     选择所有的为空(也不包括文本节点)的td元素的数组 
$("div:has(p)")   选择所有含有p标签的div元素 
$("td:parent")    选择所有的以td为父节点的元素数组


五:属性过滤器:

$("div[id]")                   选择所有含有id属性的div元素 
$("input[name='aijquery']")    选择所有的name属性等于'aijquery'的input元素  
$("input[name!='aijquery']")   选择所有的name属性不等于'aijquery'的input元素  
$("input[name^='aijquery']")   选择所有的name属性以'aijquery'开头的input元素 
$("input[name$='aijquery']")   选择所有的name属性以'aijquery'结尾的input元素 
$("input[name*='aijquery']")   选择所有的name属性包含'aijquery'的input元素  
$("input[id][name$='aijquery']") 选择所有含有id属性并且name属性以aijquery结尾的元素


六:表单元素选择器:

$(":input")       选择所有的表单输入元素,包括input, textarea, select 和 button  
$(":text")        选择所有的text input元素 
$(":password")    选择所有的password input元素 
$(":radio")       选择所有的radio input元素 
$(":checkbox")    选择所有的checkbox input元素 
$(":submit")      选择所有的submit input元素 
$(":image")       选择所有的image input元素 
$(":reset")       选择所有的reset input元素 
$(":button")      选择所有的button input元素 
$(":file")        选择所有的file input元素 
$(":hidden")      选择所有类型为hidden的input元素或表单的隐藏域


您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-14 16:55:37