jQuery

目标

jQuery操作css

jQuery操作class

Html(),text()与val()

重点

jQuery操作css

jQuery操作class

Html(),text()与val()

难点

jQuery操作css

jQuery操作class

jquery操作calss

jQuery中的css()方法

返回css属性

设置css属性

设置多个css属性

jQuery操作class

addClass()- 向被选元素添加一个或多个类

removeClass()- 从被选元素删除一个或多个类

hasClass()-判断是否包含着类名true有 flses否

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

html(),text()与val()

html()- 设置或返回所选元素的内容（包括 HTML 标记）

text() - 设置或返回所选元素的文本内容

html()和text的区别

val()- 设置或返回表单字段的值

jQuery-删除元素

remove() - 删除被选元素（及其子元素）

empty() - 从被选元素中删除子元素

jQuery-添加元素

append() - 在被选元素的结尾插入内容 appendTO()把一个子元素添加到父元素的末尾

prepend() - 在被选元素的开头插入内容prependTO() 把一个子元素添加到父元素的头部

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

jQuery-替换节点

replaceWith $(“li:last”).replaceWith ($(“<li>魔神坛<li>”))

replaceAll $(“<li>魔神坛<li>”).replaceAll (“li:last”)

jQuery-复制节点

clone克隆的意思

事件进阶

鼠标事件

键盘事件

表单事件

鼠标事件

键盘事件

Keydown()-->keypress()-->keyup()

表单事件

focus获取焦点

blur失去焦点

change值发生变化

事件绑定

Bind 事件绑定 不支持动态事件绑定

Delegate 事件绑定 事件处理函数

On 事件绑定

事件解绑

动画