jQuery操作CSS

jQuery获取节点

返回css属性获取到key值必需。规定被选元素的新文本内 “div”)s(“key值”)

设置css属性$ ("div") .css("key值”,"value值");

设置多个css属性 $ ("div") .css({"key值" : "value值”，"key值”: "value值"});

$ ("div") .css("key值”，"value值").css("key值”，"value值"):

addClass：给元素添加一个类名

removeClass：给元素删除一个类名

hasClass: 判断元素是否有这个类名 (返回的是布尔值)

html：获取元素的html内容(包含标签)

text：获取或设置元素的文本内容

val( )：可以获取或设置元素的value属性值 val( )通常与HTML表单一起使用

节点操作

jQuery添加元素：

1. append( )方法在被选元素结尾插入指定内容。（在父元素里添加一个子元素）

2. appendTo( )方法在被选元素的结尾插入HTML元素。（把一个子元素添加到父元素里）

3. preprnd( )方法在被选元素的开头插入指定内容。

4. preprndTo( )方法在被选元素的开头插入HTML元素。

5. after( )方法在被选元素后插入指定的内容。（插入的内容在父元素的后面）

6. before( )方法在被选元素前插入指定的内容。（插入的内容在父元素的前面）

jQuery删除元素：

1. remove( )方法移除被选元素，包括所有的文本和子节点。（事件也会移除）

2. empty( )方法移除被选元素的所有子节点和内容。（事件不会移除）

jQuery替换节点：

1. replaceWith( )方法把被选元素替换为新的内容。

2. replaceAll( )方法把被选元素替换为新的HTML元素。

jQuery复制节点：

1. clone( )方法生成被选元素的副本，包含子节点、文本和属性。

事件

鼠标事件：

方法	描述
click( )	触发或将函数绑定到指定元素的 click 事件
dblclick( )	触发或将函数绑定到指定元素的 dblclick 事件
mouseover( )	触发或将函数绑定到指定元素的 mouseover 事件
mouseout( )	触发或将函数绑定到指定元素的 mouseout 事件
hover( )	当鼠标移动到元素上时，会触发指定的第一个函数 (mouseenter) ; 会触发指定的第二个函数 (mouseleave)。

键盘事件：

1. keydown( ); 键盘按下

2. keyup( ); 键盘抬起

3. keypress( ); 键盘按下期间

表单事件：

方法	描述
focus( )	元素获得焦点时触发
blur( )	失去焦点时触发
change( )	当元素的值改变时触发

事件绑定：

bind 事件绑定 缺：（不支持动态事件绑定）

delegate 注册委托事件 缺：（只能注册委托事件，因此注册事件需要记得方法太多了 参数方法太多）

on 事件绑定

事件解绑：

unbind 与 bind对应

undelegate 与 delegate对应

off 与 on对应

动画效果

显示隐藏

1. show( )：显示隐藏的元素。

2. hide( )：隐藏显示的元素。

3. toggle( )：在show()与hide()之间来回切换。

淡入淡出

1. fadeIn()：把显示的的元素慢慢变淡隐藏。

2. fadeOut()：把隐藏的元素慢慢的显示出来。

3. fadeToggle()：在fadeIn()与fadeOut()之间来回切换。

滑动

1. slideUp()：把元素使用往上收的方式隐藏起来。

2. slideDown()：把元素使用向下展开的方式显示出来。

3. slideToggle()：在slideUp()与slideDown()之间来回切换。