seyon

1$(document).ready()dom文档完成,没有加载内容前触发,注意和onload()事件对比,onload()事件在内容加载完毕后触发。

 

2Dom目标选取:

 

1)根据tag选取:

$("input")   ――选取所有input

2)子节点选取

$(“ul > li”)  ――选取ul下的所有li节点

 

3)根据节点属性筛选
$(li[a:contains(\'Register\')]")  ――选取内容包含Register<a>
$("input[@name=bar]")     ――选取namebar<input>

$("input[@type=radio][@checked]")           ――选取typeradio<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");

});

分类:

技术点:

相关文章: