jQuery小总结（1）

入口函数：

$（document）.ready（function（）{ }）

$（function（）{ }）

jquery对象只能使用jquery方法，DOM对象只能使用原生的javascript属性和方法

jquery获取的对象是伪数组形式

获取jQuery集合的某一项（ eq( )与get( ) ）的区别：【都是通过索引来获取的】

eq( )方法返回的是jQuery对象 【例如 $('div').eq(0)[0]】

get( ) 方法返回的是DOM对象  【例如 $('div').get(0)】

隐式迭代：遍历内部DOM元素 ，以伪数组的形式存在

添加类：addClass(" ")

移除类：removeClass(" ")

切换类：toggleClass(" ")

原生JS里面操作类名className会覆盖掉原先的类名，而jquery的优点就是用addClass不会覆盖原先的类名，是追加类名，不影响原先的类名

事件切换：hover( ) 相当于鼠标触碰切换

动画会有排队的效果，多次触发会排队出现，用stop()方法去停止动画，用在动画的前面停止上一个动画的执行

动画：

滑动效果：slideDown( )、slideUp( )、slideToggle( )

淡入淡出效果：fadeIn( )、fadeOut( )、fadeTo(speed, spacity)【修改不透明度】、fadeToggle( )

animate( { }, speed )  以对象的形式修改，写在花括号里

获取属性值或修改属性值的方法：

获取或修改固有属性：prop( )  【例如 href  checked type】

获取或修改自定义属性：attr( )    【例如  index  h5的一些date-index】

数据缓存：date( )  修改后的属性是存放在元素内存里的，相当于变量，不会出现在原有标签里

获取元素的内容：

含有标签：html( )

不含标签，只显示内容：text( )

获取或修改表单里面的值：val( )

toFixed(2) 保留两位小数

substr( ) 截取字符串

parent( ) 返回元素的亲父亲；parents( ) 返回元素的所有祖先元素

遍历DOM对象用$(element).each( function ( index, domele ) { } )

遍历数据或数组或对象用$.each( ele，function(index, ele){} )这个方法

创建元素：var li = $(

)

添加元素：

内部添加（父子关系）：$('ul').append(li) 【添加到元素的后面】  $('ul').preappend(li)  【添加到元素的前面】

外部添加（兄弟关系）：$('').after(li) 【添加到元素的后面】  $('').before(li)  【添加到元素的前面】

删除元素：

$().remove()  //删除匹配的元素

$().empty()  //删除匹配元素的子节点

$().html(“ ”)  //删除匹配元素的子节点