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

}); 

[JQuery]事件器的介绍,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。