jQeury 功能概述

                    jQuery 中的 $ 代表 jQuery  

宗旨  : write less , do more 

功能  :

(1)选择器
(2)功能函数
(3)解决windows.onload():
     $(document).ready(function(){});
     缩写: $(function(){});
(4)创建DOM: var a = $(“<p>text</p>”);
(5)自定义函数:
   $.fn.yourFnName = function(){};
(6)解决冲突:
  jQuery.noConflict() , 不能使用$的缩写

----------------------------------------------
1 选择器
(1)属性选择
* , e ,
 e f ,e > f , e + f , e ~ f (选择 f , 条件 e)
 e:has(f) , e.class , e#id ,
e[A] , e[A^=v],e[A$=v],e[A*=v]

(2)位置 (冒号)
first,last,first-child
only-child,nth-child(n)
odds,even,eq(n),gt(n),ln(n)

(3)过滤(冒号)
元素名 button
parent,amiated,contained(text)
not(filter) 反向

2 元素操作
$(img).size()
$(img).[n]
$(img).get(n)
index
add
not
$(e).find(f)等价$(e,$(f))
jQuery链 end() , andSelf()


3 常用方法

each()

attr(name)
attr(name,value) , attr(name,fn(index){})
removeAttr()

addClass() , toggleClass() , css(name,value)

text() ,html() ,appendTo()
append() ,remove() , clone()

val() ,val(name,value)

事件
$(xx).bind("click",function(){})
unbind()
trigger()
toggle(fn1(){},fn2(){})

4 简单动画

show()
hide()
fadeIn()
fadeOut()
fadeTo()
自定义动画 amiate()


5 功能函数

$.browser
$.each(array,fn(){})
$.grep(array,fn(){})
$.map(array,fn(){})
$.inArray(value,array)
$.getScript(url,[callback])

6 jQuery与Ajax

$(xx).load()
$.get(rul,[data],[fn])
$.post(url,[data],[fn],[type])
$.ajax({option})

7 插件
UI:
draggable() 拖动
droppable() 容器
tab()       标签
posted @ 2010-01-08 09:34  Keosu  阅读(309)  评论(0编辑  收藏  举报