基本用法
$(元素). 事件( 事件属性);
常见事件
| 示例 | 说明 |
| $(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");
});