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