JQuery摘要

选择器

 

语法	描述
$(this)	当前 HTML 元素
$("p")	所有 <p> 元素
$("p.intro")	所有 class="intro" 的 <p> 元素
$(".intro")	所有 class="intro" 的元素
$("#intro")	id="intro" 的第一个元素
$("ul li:first")	每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']")	所有带有以 ".jpg" 结尾的 href 属性的属性
$("div#intro .head")	id="intro" 的 <div> 元素中的所有 class="head" 的元素

 

事件

Event函数	绑定函数至
$(document).ready(function)	文档的就绪事件
$(selector).click(function)	被选元素的点击事件
$(selector).dblclick(function)	被选元素的双击事件
$(selector).focus(function)	被选元素的获得焦点事件
$(selector).mouseover(function)	被选元素的鼠标悬停事件

效果

hide():隐藏元素；

show():显示元素；

toggle(speed,callback):show()和hide()切换；speed取值：slow，fast，normal或毫秒；

slideDown(speed,callback)：向下滑动，显示；

slideUp(speed,callback)：向上显示，消失；

slideToggle:切换向上向下滑动；

fadeIn(speed,callback)：淡入；

fadeOut(speed,callback)：淡出；

fadeTo(speed,opacity,callback):透明化；

$(selector).animate({params},[duration],[easing],[callback])：自定义动画；params：定义动画的属性；duration：定义动画事件，取值和speed相同； 改变HTML内容 $(selector).html(content):html() 函数改变所匹配的 HTML 元素的内容（innerHTML）。 添加HTML内容 $(selector).append(content):append() 函数向所匹配的 HTML 元素内部追加内容。 $(selector).prepend(content):prepend() 函数向所匹配的 HTML 元素内部预置（Prepend）内容。 $(selector).after(content):after() 函数在所有匹配的元素之后插入 HTML 内容。 $(selector).before(content):before() 函数在所有匹配的元素之前插入 HTML 内容。 CSS操作

• $(selector).css(name,value)
• $(selector).css({properties})
• $(selector).css(name)

Size操作

• $(selector).height(value)
• $(selector).width(value)

AJAX

To be continued.