Jquery读书笔记1

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')选择<div>和class为btn的所有元素

层次选择器

选择器	返回	示例
$("a b")	集合	$('div span')选择<div>里面所有<span>元素-后代
$("a>b")	集合	$('div>span')选择<div>里面所有<span>元素-子代
$("a+b")	集合	$('div+span')选择<div>紧跟的span元素
$("a~b")	集合	$('div~span')选择<div>后面所有的span元素

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

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

过滤选择器

选择器	返回	示例
:first	单个	$('div:first')选择所有<div>中第一个div
:last	单个	$('div:last')选择所有<div>中最后一个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

特殊符号处理：

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

如 <div id=”id[1]”>======================è $(“#id\\[1\\]”)