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();