jQuery常用方法事件属性

1．$(document).ready()在dom文档完成，没有加载内容前触发，注意和onload（）事件对比，onload（）事件在内容加载完毕后触发。
2．Dom目标选取：
（1）根据tag选取：
$("input")   ――选取所有input
（2）子节点选取
$(“ul > li”) ――选取ul下的所有li节点
（3）根据节点属性筛选
$(li[a:contains('Register')]") ――选取内容包含Register的<a>
$("input[@name=bar]")      ――选取 name 是 bar 的 <input> 
$("input[@type=radio][@checked]")           ――选取type是radio的<input>
$(“li”).not(“ul”)                    ――选取li下没有包含ul节点的节点
$("span[@id]").hide()          ――选取包含id属性的<span>
$("[@id=span1]")                －－选取id为span1的节点

3.Dom节点操作
（1）添加样式类属性
$(“a”).addClass(“red”)     ――为所有<a>增加class=”red”
$(“a”).removeClass(“red”) ――为所有<a>去掉class=”red”
$(“li”).append(“BB!”)         ――为<li>增加”BB!”innerHTML
4.事件
$("span[@id]").hide('slow'); ――慢速隐藏对应fast
$("input").animate({height: 'hide',opacity: 'hide'}, 'slow') ――淡入淡出
$("p").hover(function(){   ――hover的时候调用第一个函数，over的时候调用第二个
$(this).addClass("hover");
},function(){
$(this).removeClass("hover");
});
$("p").toggle(function(){       ――第一次点击执行第一个函数，第二次点执行第二个
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});