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() 标签