JQuery 事件器的介绍

基本用法

$(元素). 事件( 事件属性); 

常见事件

示例	说明
$(selector).click()	被选元素的点击事件
$(selector).dblclick()	被选元素的双击事件
$(selector).focus()	被选元素的获得焦点事件
$(selector).mouseover()	被选元素的鼠标悬停事件
$(selector).css();	被选元素的CSS事件
$(selector).hide();	被选元素的隐藏事件
$(selector).show('slow');	被选元素的显示事件

 

 

 

 

                           

                 　  

 

Dom节点操作

$('a').addClass('red')           //为所有<a>增加class='red'

$('a').removeClass('red')     //为所有<a>去掉class='red'

$('li').append('BB!')              //为<li>增加'BB!'，等价于js innerHTML="BB!"

执行事件

//hover是在执行完第一个函数后再执行第二个

$('p').hover(function(){            

  $(this).addClass("hover");

},function(){

  $(this).removeClass("hover");

});

//toggle第一次点击执行第一个函数，再点击执行第二个

$('p').toggle(function(){          

$(this).addClass("selected"); 

},function(){

  $(this).removeClass("selected");

});