jQuery

jQuery重点讲解知识点 *

一 选择器

1 基础选择器

类选择器

元素选择器

ID选择器

子元素选择器

后代元素选择器

2 属性选择器

完美匹配

包含

前缀

开头

结尾

空格

3 jQuery扩展选择器

eq

even

odd

first

last

gt

lt

二 DOM操作

1 Class操作

javascript操作

`

hello

` 

addClass() ；removeClass()； toggleClass() ； hasClass() ；

`

Hello

Hello

itbaizhan

` * 1. addClass() :添加class，不会覆盖原有的class 可以添加多个class，用个空格隔开 

* 2. removeClass() :移除class，可以移除一个或者多个，也可以全部移除

* 3. toggleClass() :开关，如果存在则删除，如果不存在则添加

* 4. hasClass() :判断一个元素是否存在某个class，存在返回true，不存在返回false

链式调用

2 文本操作

html()

`

Hello, jQuery

`

text()

val()

3 属性操作

attr()

`

`

removeAttr()

`

itbaizha

`

4 DOM 插入并包裹现有内容

javascript操作

`

Hello

` 

.wrap()

.unwrap()

`

Hello

Hello

`

.wrapAll()

`

sxt

itbaizhan

Hello

web

`

.wrapInner()

`

Hello

`

5 DOM 插入现有元素内

javascript操作

`

`

.append()

`

分割线

`

.prepend()

`

分割线

`

6 DOM 插入现有元素外

.after()

`

Hello

`

.before()

`

Hello

`

7 DOM 移除

.empty()

`

Hello

Wrold

`

.remove()

`

Hello

Wrold

`

8 DOM 替换

.replaceAll()

`

Hello

`

.replaceWith()

`

Hello

`

三 CSS操作

1 尺寸

.css()

.height()

.width()

.innerHeight()

.innerWidth()

.outerHeight()

.outerWidth()

2 位置

.offset()

.position()

.scrollLeft()

.scrollTop()

四 事件处理

1 绑定事件处理器

.on()

五 遍历

1 列表遍历

.map()

.each()

2 列表中获得一个JS对象的DOM元素

.get()

3 树遍历（关系）

.children()

.find()

.next()

.parent()

.siblings()

六 动画

1

.show()

.hide()

.fadeIn()

.fadeOut()

.slideDown()

.slideUp()

.animate()