jQuery 学习笔记
文档就绪函数:
$(document).ready(function(){代码});
jQuery 选择器:
元素选择器:$("p") $("p.intro") $("p#demo")
属性选择器:$("[href]")带href属性的元素; $("[href='#']") href为#的元素; $("[href!='#']")href不等于#的元素; $("[href$='.jpg']")href值以.jpg结尾的元素。
修改CSS值:
$("p").css("background-color","red");
jQuery命名冲突:
var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
jQuery常用事件:
click(); dblclick(); focus(); keydown()/keypress()/keyup();mousedown()/mousemove()/mouseout()/mouseover()/mouseup();
ready(); scroll(); select(); toggle(); load()/unload();
jQuery效果:
隐藏显示:hide() show() toggle()
淡入淡出:fadeIn() fadeOut() fadeToggle() fadeTo("slow",0.5)
滑动:slideDown() slideUp() slideToggle()
动画:animate() 语法:$(选择器).animate({params},speed,callback);
停止动画:stop() 语法:$(selector).stop(stopAll,goToEnd);
jQuery Html操作:
addClass(); before()/after(); append()/appendTo(); prepend()/prependTo(); remove(); empty();
attr(); html(); text(); val();
addClass(); removeClass(); toggleClass();
css(); height(); width();
jQuery 遍历:
parent(); parents(); parentsUntil();
children(); find();
siblings(); next(); nextAll(); nextUntil(); prev(); prevAll(); prevUntil();
first(); last() ; eq(); filter(); not();