jquery 学习速成笔记
$(''li'').click(function(){var temp = $(this).html(); $(this).text(temp);})
点击就显示源代码。
操作元素
append
给元素末尾添加一个子节点。除了可以添加DOM节点之外，还可以这么写：
$(''p'').append(''<a href="http://bbs.blueidea.com">经典论坛</a>'')
如果append的目标只有一个，那么就和DOM操作的时候一样，已经在文档内的会被移动。如果目标是多个，那么是采用复制的方式。
appendTo
将元素添加到别的元素中作为尾部子节点。
prepend
给元素头部添加一个子节点。
prependTo
将元素添加到别的元素中作为头部子节点。
before、after
分别将元素插入到其它节点的前面或者后面。
remove
删除节点。
empty
清空一个节点。
clone
复制一个节点。
表单
val获取或者是设置表单域的值。
事件
bind
绑定事件响应函数。
$(''p'').bind(''click'',function(){$(this).prepend(''<strong>Clicked!</strong>'');});
每当点击p元素的时候就在前面加一段文字。
也可以直接使用事件名，比如click等等：
$(''p'').click(function(){$(this).prepend(''<strong>Clicked!</strong>'');});
等效上面的代码。
one
只执行一次的事件响应函数。
unbind
unbind不带参数会删除所有时间响应函数。
$(''p'').unbind(''click'')则只删除指定事件的时间响应函数。
$(''p'').unbind(''click'',func)则只删除指定的func函数。
事件对象
事件对象统一以函数第一个参数的形式被传入事件响应函数。
trigger
模拟事件触发
$(''p'').trigger(''click'');
会触发所有p元素的click事件。
toggle
事件响应函数的切换
function func1(){ $(this).prepend(''func1'');}
function func2(){ $(this).prepend(''func2'');}
$(''p'').toggle(func1,func2);
hover
鼠标经过的效果
function func1(){ $(this).prepend(''func1'');}
function func2(){ $(this).prepend(''func2'');}
$(''p'').hover(func1,func2);
效果
show
显示，语法：show(duration,callback)，例如：
$(''p'').show(3000)
hide
隐藏，如上。
fadeIn、fadeOut
渐显和渐隐效果。
fadeTo(duration,opacity,callback)
到指定的opacity。例如：
$(''p'').fadeTo(2000,0.5)
在两秒之内变化到0.5。
slideUp、slideDown、slideToggle
滑动显示，隐藏，切换。例如：
$(''p'').slideUp(2000)
$(''p'').slideDown(2000)
animate(params,duration,easing,callback)
自定义动画
params是对象，属性就是所有要变换的CSS属性。