jquery实现点击触发执行不同的事件

看图说话：

点击某一个按钮，使其变色，并添加到上面。

方式一：

代码如下：

<li οnclick=\"act(this);this.οnclick= function(){remov(this)}\">"+na+"</li>

给li添加onclick事件。

<div class="input" id="putname" name="tags"> </div>

function act(obj){
$(obj).addClass("active");
var name=$(obj).text();
var tag=$("#putname").append(name+' ');
var good=$("#putname").text();
$("#goodAt").val(good);
}
function remov(obj){
$(obj).removeClass("active");
var name=$(obj).text();
var good=$("#putname").text().trim();
var arr= new Array();
arr=good.split(' ');
for(var i=0;i<arr.length;i++) 
  {
    if(arr[i]==name){
    delete arr[i];
    arr=arr.join(' ');
   //console.log(arr);
    $("#putname").text(arr);
    $("#goodAt").val(arr);
    } 
  } 
}

方式二：

使用toggle() 方法；

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


},function(){
    
});

<b>注意:</b> toggle() 方法在 jQuery 版本 1.8 中被废弃，在版本 1.9 中被移除。