Jquery学习札记

Jquery对象就是把DOM对象进行包装之后形成的对象；

JQuery的数组形式就成了DOM对象

一、IDE

Apatana Eclipse 插件：http://download.aptana.com/studio3/plugin/install

安装需要良好网络

二、选择器

基本选择器

Id选择器 返回一个对象

Class选择器 返回集合

元素选择器 返回集合

匹配选择器 返回集合

多选择器 返回集合

选择器

返回

示例

#id

一个对象

$('#btn')选择id为btn的元素

.class

集合

$('.btn')选择class为btn的所有元素

element

集合

$('p')选择

的所有元素

*

集合

$('*')选择所有元素

selector1,selector2...

集合

$('div,.btn')选择

和class为btn的所有元素

层次选择器

选择器

返回

示例

$("a b")

集合

$('div span')选择

里面所有元素-后代

$("a>b")

集合

$('div>span')选择

里面所有元素-子代

$("a+b")

集合

$('div+span')选择

紧跟的span元素

$("a~b")

集合

$('div~span')选择

后面所有的span元素

$("a+b")等价于$(“a”).next(“b”)

$("a~b")等价于$(“a”).nextAll(“b”)

过滤选择器

选择器

返回

示例

:first

单个

$('div:first')选择所有

中第一个div

:last

单个

$('div:last')选择所有

中最后一个div

:not(selector)

集合

$('div:not(.myclass)')选择class不是myclass的所有div

: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

集合

$('input:header')选择所有h1、h2、h3...

:animated

集合

$('div:animated')选择正在执行动画的div元素

内容过滤选择器

选择器

返回

示例

:contains(text)

集合

$('div:contains("me")')选择含有文本me的div元素

:empty

集合

$('div:empty')选择所有不包含子元素的div空元素

:has(selector)

集合

$('div:has(p)')选择含有p元素的div元素

:parent

集合

$('input:parent')选择含有子元素的div元素

可见性过滤选择器

选择器

返回

示例

:hidden

集合

$('div:hidden')选择所有不可见div元素

：visible

集合

$('div:visible')选择所有可见的div元素

属性过滤选择器

选择器

返回

示例

[attribute]

集合

$('div[id]')选择所有拥有id的div元素

[attribute=value]

集合

$('div[title=test]')选择所有title=test的div元素

[attribute!=value]

集合

$('div[title!=test]')选择所有title!=test的div元素,没有title也会被选择

[attribute^=value]

集合

$('div[title^=test]')选择所有title以test开头的div元素

[attribute$=value]

集合

$('div[title$=test]')选择所有title以test结尾的div元素

[attribute*=value]

集合

$('div[title*=test]')选择所有title含有test的div元素

[selector1][selector2]

集合

$('div[title=test][src^=b]')选择所有title=test,src以b开头的div元素

子元素过滤选择器

选择器

返回

示例

:nth-child(index/even/odd/equation)

集合

选取每个父元素下面第index个子元素或者奇偶，index从1开始；

：first-child

集合

选取所有父元素的第一个元素；如$("ul li:first-child")标识选取每个ul第一个li元素

：last-child

集合

选取所有父元素的最后一个元素；如$("ul li:last-child")标识选取每个ul最后一个li元素

：only-child

集合

如果某个元素是父元素的唯一元素，那么选取他

表单对象属性过滤选择器

选择器

返回

示例

:enable

集合

选取表单下所有可用元素

：disable

集合

选取表单下所有不可用元素

：checked

集合

选取表单下所有被选中input元素

：selected

集合

选取表单下所有被选中选项元素

表单选择器

:input :password :radio :checkbox :submit :image :reset :button :file :hidden :text

特殊符号处理：

针对. #()[ ]需要加转义符号

如

======================è $(“#id\\[1\\]”)