jQuery 学习笔记 + jQuery-UI 学习笔记

jQuery笔记

一、Dom的操作：

<1>.操作CSS： .css(“key”,”value”).css(“key”,”value”)或者.css({“key:value”,”key:value”})

<2>.click()点击事件，text()文本事件，html()是html内容，attr(“属性名称”)，获取属性

<3>.append(“xxx”)后方追加，prepend(“xxx”)前方追加       à     不换行的 追加

<4>.after(“xxx”)后方追加，before(“xxx”)前方追加       à     第一次追加时换行

<5>.remove()和empty()是删除元素，区别：remove全部删除，empty是删除子元素

 

二、特效操作：

<1>.隐藏和显示：Hide()，show()，toggle(),　中间添加毫秒数值。

<2>.淡化效果：fadeIn()，fadeout()，fadeToggle(),中间添加毫秒数表示形成动画效果，fadeTo(xx, xx)表示淡化的透明度，透明度为0～1，0为完全透明。  e.g：fadeTo (1000 , 0.8);  表示1000秒动画时间，透明度为0.8，

<3>.上下滑动效果：像窗帘一样，slideUp()，slideDown()，slideToggle()上下滑动，效果好似把Hide()和show（）倒过来。

 

三、回调：

                即类似于方法链，能让很多动画连续执行。

<1>.方法内回调：最后一个参数跟匿名方法，表示此动画执行完讲执行另一个方法。

<2>.方法外回调：方法链方式。

                e.g：

                $(document).ready(function(){

                                $("#A").click(function(){   //红色字体为方法内回调