jQuery选择器汇总
首先介绍一下prototype
Prototyppe
是最早成型的js库之一,对js的内置对象(String对象、Array对象等)做了大量的扩展。现在还有很多项目使用Prototype 。
Prototype可以看做是把很多有用的JavaScript的方法组合在一起而形成的JavaScript库。使用者可以在需要的时候随时把极端代码抽出来放进自己的脚本里

现在总结使用jQuery语法
jQuery选择器(基本、表单、层次、过滤)

基本选择器  通过id class 和标签名来查找DOM元素。

#id    .class     element      *       selector1,selector2,...selectorN




过滤选择器  过滤规则选择DOM元素(与CSS中的伪类选择器语法相同,都以:开头)

:first                    $("div:first")                           选取所有<div>元素中第一个<div>元素
:last                     $("div:last")                            选取所有<div>元素中最后一个<div>元素      
:not(selector)   $("input:not(.myclass)")     选取class不是myclass的<input>元素          
:even                  $("input:even")                     选取索引是偶数的<input>元素
:odd                    $("input:odd")                       选取索引是奇数的<input>元素
:eq(index)         $("input:eq(1)")                     选取索引等于1的<input>元素
:gt(index)          $("input:gt(1)")                     选取索引大于1的<input>元素
:lt(index)           $("input:lt(1)")                       选取索引小于1的<input>元素
:header              $(":header" )                          选取网页中所有的<h1> <h2>....
:animated         $("div:animated")                 选取正在执行动画的div元素
:focus                 $(":focus")                               选取当前获取焦点的元素                
:hidden              $(":hidden")                            选取所有不可见的元素
:visible                $("div:visible")                       选取所有可见的div元素
:contains            $("div:contains('wo')")
:empty                $("div:empty")
:has(selector)    $("div:has(p)")
:parent                $("div:parent")

属性过滤选择器
[attribute]                        拥有属性            
[attribute=value]           等于
[attribute!=value]          不等于
[attribute^=value]         以开始
[attribute$=value]          以结束
[attribute*=value]          包含
[attribute|=value]           等于或为前缀
[attribute~=value]         用空格分隔的值中包含 
[attribute1][attribute2][attributeN]


子元素过滤选择器  p44
:nth-child(index/even/odd/equation)    每个父元素下第index个子元素或者奇偶元素
:first-child                                                       每个父元素的第一个子元素
:last-child                                                        每个父元素的最后一个子元素
:only-child                                                      父元素中只有一个元素的





表单选择器  选择表单的某个或某类型的元素
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
:enabled
:disabled
:checked
:selected


层次选择器  通过层次关系获取元素

$("ancestor descendant")      选取ancestor元素里面的descendant(后代)元素
$("parent>child")                     选取parent元素下的child(子)元素
$("prev+next")                          选取紧接在prev元素后的next元素。等价next()          $(".one+div")=$(".one").next("div")
$("prev~siblings")                    选取prev元素之后的所有siblings元素
$("#prev~div")=$("#prev").nextAll("div")                     







阅读更多
文章标签: jQuery
个人分类: jQuery
想对作者说点什么? 我来说一句

Jquery选择器大全

2011年02月11日 28KB 下载

时间日期选择器

2017年09月19日 133KB 下载

JQuery选择器详解JQuery选择器详解

2009年12月10日 117KB 下载

没有更多推荐了,返回首页

不良信息举报

jQuery选择器汇总

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭