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>
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");
});