jQuery-01-个人学习笔记

jQuery-01-个人学习笔记

一、Javascript类库，简称为js库

作用——为了简化Javascript的开发

目的——预定义了很多对象（属性和方法）和函数

特点——兼容各大浏览器

二、jQuery其实就是一个js文件

1、分类

（1）jQuery——Web版本（最主要）

（2）jQuery UI——集成UI内容

（3）jQuery Mobile——移动版本（WebApp）

（4）QUnit——用于测试

2、如何使用jQuery

（1）在HTML页面中引入jQuery文件

（2）使用jQuery的选择器定位（获取）页面元素

（3）利用jQuery的API方法完成需求

3、基本内容

（1）$(selector)——jQuery的工厂函数，该函数返回jQuery对象

（2）jQuery的约定——jQuery对象前增加"$"符号

（3）DOM对象与jQuery对象

DOM对象——通过DOM获取的元素称之为DOM对象

jQuery对象——通过jQuery包装DOM后产生的对象，jQuery对象的底层还是DOM对象

（4）DOM对象与jQuery对象的转换

a、DOM对象转换为jQuery对象——$(DOM对象)

b、jQuery对象转换为DOM对象——jQuery对象是数组对象（角标）|| jQuery对象提供get(index)方法

注意：DOM对象与jQuery对象之间不能相互调用

4、选择器——是jQuery的根基

（1）基本选择器

 #id(id选择器)

.class(类选择器)

element(元素选择器)

*(通用选择器)

selector1,selector2,...(复合选择器) 

（2）层级选择器

parent child(后代选择器)

parent>child(子代选择器)  

prev + next(匹配所有紧接在 prev 元素后的 next 元素)

prev ~ siblings(匹配 prev 元素的所有同辈 siblings 元素)

（3）表单选择器

（4）基本过滤选择器

:first(获取第一个元素)     

:last(获取最后个元素) 

:even(匹配所有索引值为偶数的元素，从 0 开始计数) 

:odd(匹配所有索引值为奇数的元素，从 0 开始计数)

:gt(匹配所有大于给定索引值的元素，从 0 开始计数)

:lt(匹配所有小于给定索引值的元素，从 0 开始计数) 

:eq(匹配一个给定索引值的元素，从 0 开始计数) 

:not(去除所有与给定选择器匹配的元素) 

:header(匹配如 h1, h2, h3之类的标题元素) 

:animated(匹配所有正在执行动画效果的元素)

（5）子元素过滤选择器

:first-child( 匹配第一个子元素)

:last-child(匹配最后一个子元素)

:nth-child(匹配其父元素下的第N个子或奇偶元素)

:only-child(如果某个元素是父元素中唯一的子元素，那将会被匹配)

（6）内容过滤选择器

:contains(匹配包含给定文本的元素)

:empty(匹配所有不包含子元素或者文本的空元素)

:parent(匹配含有子元素或者文本的元素)

:has(匹配含有选择器所匹配的元素的元素)

（7）可见性过滤选择器

:visible(匹配所有的可见元素)

:hidden(匹配所有不可见元素，或者type为hidden的元素)

（8）属性过滤选择器

[attribute] (匹配包含给定属性的元素)

[attribute=value](匹配给定的属性是某个特定值的元素)

[attribute!=value](匹配所有不含有指定的属性，或者属性不等于特定值的元素)

[attribute^=value](匹配给定的属性是以某些值开始的元素)

[attribute$=value](匹配给定的属性是以某些值结尾的元素)

[attribute*=value](匹配给定的属性是以包含某些值的元素)

[selector1][selector2][selectorN](复合属性选择器，需要同时满足多个条件时使用)

（9）表单对象属性过滤选择器

:enabled(匹配所有可用元素)

:disabled(匹配所有不可用元素)

:checked(匹配所有选中的被选中元素)

:selected(匹配所有选中的option元素)