jquery-----head first jquery 阅读

jquery 入门

html复制页面的结构、CSS负责页面的样式、JS负责页面的行为。

jQuery是一个专门用来动态改变Web页面文档的javaScript库。

选择器和方法

$(this) 返回当前元素。

$().append()  动态的增加内容

$().prepend()  在前面增加内容

$().before()    在前面增加元素

$().after()    在后面增加元素

$().remove()  动态的移除内容  彻底清除

$().detach()  移除内容，还是会维护这一部分内容，需要的时候可以再次使用。

$().empty()    删除一个元素中的所有内容

jQuery事件和函数

$().click(function(){})     页面加载时为元素增加事件

$().bind("click",function(){})   在页面加载之后为元素增加事件，如创建新的DOM时

表单事件：blur、change、focus、select、submit

鼠标事件：click、hover、mouseout、mouseenter。。。。。

文档加载：load、ready、unload

键盘事件：keydown、keypress、keyup

浏览器事件：error、resize

选择器+事件+函数==复杂的交互

$().unbind("click")    删除指定事件

$().unbind()    删除所有事件

$(".class").each(function(){

    $(this).hide();

})    遍历一组元素

$().addClass()    增加样式

$().removeClass()    移除样式

$().hover()   鼠标悬停

jQuery Web页面管理

$().parent()    父级元素

$().children()    子类元素

$().prev()    前一个元素

$().next()    后一个元素

$().replaceWith()   替换一个元素

$().children().first()   first只取出第一个元素

$().children().eq(0)  取出第几个元素，从0开始

$().children().last()    取出最后一个元素

$().children().slice(1,3)  取出两者之间的元素，不包括1和3

$().children().filter(".aim")  取出与括号中指定的选择器匹配的元素

$().children().not()   取出与括号中指定的选择器不匹配的元素。

jQuery效果与动画

$().fadeIn()    淡入

$().fadeOut()    淡出

$().animate({ opacity:0, width:"200", height: "100"}, 5000)    jQuery动画

$().slideUp()     $().slideDown()    活动效果

jQuery和javaScript

$.inArray( value, array)   查找元素在数组中的位置

window对象是javaScript世界中最高层次的对象。

window.onfocus    得到焦点

window.onblur    失去焦点

jQuery和Ajax

Ajax是一种采用结构化格式在服务器和浏览器之间传递数据的方式。

Ajax调用受到同源策略的限制

$().find()    元素选择