jQuery几个简单点击事件

列举几个简单的点击事件，这些效果在我们平时做网页的时候经常会遇到，但是各有不同，各有优缺点:

1、toggle()方法：

语法结构为：toggle(fn1，fn2，fn3，…fnN);

代码如下：

$(function(){
$(“.box h2”).toggle(function(){
$(this).addClass(“light”).next().slideToggle();
},function(){
$(this).removeClass(“light”).next().slideToggle();
});
})

这种方法用得多，效率高，但如果层次多，就会卡住。

2、bind()方法：

语法结构为：toggle(type[,data],fn);

这是一种绑定事件的方法，代码如下：

$(function(){
$(“.box h2”).bind(“click”,function(){
var $link = $(this).next();
if($link.is(“:visible”)){
$(“.content”).hide();
}
else{
$(“.content”).show();
}
})
})

与togle相比，这种方法效率更低，而且还使用了if…else判断，刚开始JQ的时候用的比较多。

上面只列出了两种，当然也可以$(“.box h2”).onlick(function(){ 代码; })等等，如果鼠标滑动后效果可以用hover()法，这里就不一一列举了。

上面只列出了两种，当然也可以$(“.box h2”).onlick(function(){ 代码; })等等，如果鼠标滑动后效果可以用hover()法，这里就不一一列举了。总之，jquery比较灵活，一种效果可以用多种方法来实现！