难得有一片天

success.aspx?para1="要有决心"+para2="要努力"+para3="要有机会"
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jQuery常用方法事件属性

Posted on 2007-07-03 10:36  seyon  阅读(1091)  评论(0编辑  收藏  举报

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

});