jQuery基础

JQuery

---

1 jQuery操作css

---

1.1 jQuery中的css()方法

---

css()方法设置或返回被选元素的一个或多个样式属性

1.2 返回css属性

---

css()获取值

1.3 设置css属性

---

$(selector).css("propertyname","value")

1.4 设置多个css属性

---

$(selector).css({"propertyname":"value","propertyname":"value","propertyname":"value"})

2 jQuery操作css

---

2.1 addClass()

---

向被选元素添加一个或多个类名

不会移除已存在的class属性，仅仅添加一个

2.2 removeClass()

---

向被选元素移除类名

2.3 hasClass()

---

含有返回true 反之false

2.4 toggleClass()

---

对被选元素进行添加/删除类的切换操作

3 html() text()区别

---

3.1 html()

---

3.2 text()

---

3.3 区别

---

3.4 val()

---

4.节点操作

---

4.1 jQuery添加元素

---

通过Javascript操作Dom，来实现获取页面元素，做一些修改等

• append() 通过被选元素的结尾插入 指定内容是在父元素内 末尾插入子元素

• appendTo() 添加到

• prepend() 开头插入内容

• prependTo() 添加到

• after() 被选元素后面插入指定内容

• before() 被选元素前面插入指定内容

4.2 删除元素

---

• remove() 移除元素，包括所有文本和子节点，也会移除被选元素的事件和数据

• empty()

4.3 替换节点

---

• replaceWith() $(a).replaceAll(b) 用b替换a

• replaceAll() $(b).replaceAll(a) 用b替换a

4.4 复制节点

---

• clone 复制

5 事件进阶

---

5.1 事件分类

---

1. 鼠标事件

click dblclick mouseover mouseout mouseleave mouseenter

2. 键盘事件

keydown keyup keypress （keycode）

3. 表单事件

submit focus 获得焦点 blur 失去焦点 change 改变

5.2 事件绑定

---

• bind绑定事件

• dalegate 注册委托事件

• on绑定事件

5.3 解除绑定

---

unbind() 与 bind()

undelegate() 与 dategate

off() 与 on

6 动画

---

6.1 效果

---

1. hide() 隐藏

2. show() 显示

3. toggle() 切换

• fadeIn() 淡入

• fadeOut() 淡出

• fadeToggle() 切换

• fadeTo() 渐变为给定的不透明度（值介于 0 与 1 之间）

4. slideDown() 向下滑动

5. slideUp() 向上滑动

6. slideToggle() 切换