一,增加,接觸繫結事件
(1) 、addClass()
向被選元素新增一個或多個類
$("h1,p").addClass("blue");
$("div").addClass("important");

(2) 、removeClass()
從被選元素刪除一個或多個類
 $("h1,h2,p").removeClass("blue");

(3) 、toggleClass()
對被選元素進行新增/刪除類的切換操作
$("button").click(function(){ $("h1,h2,p").toggleClass("blue"); });

二,常用方法
not()
(1)、not() 方法返回指定元素之外的元素。
$('li').not($('li').eq(1)).addClass('index');

(2)、返回 CSS 屬性
如需返回指定的 CSS 屬性的值，請使用如下語法：
$("p").css("background-color");

(3) 、回撥函式
在當前動畫 100% 完成之後執行。
$("button").click(function(){ 
$("p").hide("slow",function(){ 
alert("段落現在被隱藏了");
}); });

(4)繫結
同一個元素繫結多個事件 用on，bind實現
    $('li').on({
        click:function(){
            console.log('aaa')
        },
        mouseover:function(){
            console.log('bbb')
        }
    })

    $('li').bind({
        click:function(){
            console.log('aaa')
        },
        mouseover:function(){
            console.log('bbb')
        }
    })

(5)事件委託
 $('ul').delegate('li','click',function () { 
     console.log(this)       
     $('li').css('color','red');
     })
 建議是用on的方式。
$('ul').on('click','li',function () {           
$('li').css('color','red');
 })


(6) 、each()方法
each() 方法為每個匹配元素規定要執行的函式。
$("button").click(function(){ 
$("li").each(function(){ 
alert($(this).text()) 
});  
});

(7)、jquery寫入內容
$('div').html('
 
<span>我是span1</span>')
$('div').text('<span>我是span2</span>')

(8)、jQuery隱藏顯示
可以使用 hide() 和 show() 方法來隱藏和顯示 HTML 元素。
$("#hide").click(function(){ 
$("p").hide();
});
$("#show").click(function(){ 
$("p").show();
});
可以使用 toggle() 方法來切換 hide() 和 show() 方法。
$("button").click(function(){ $("p").toggle(); });

三,jQuery 事件
(1) 、事件物件event
event物件有以下屬性
type：事件型別，比如click。
which：觸發該事件的滑鼠按鈕或鍵盤的鍵。
target：事件發生的初始物件。
data：傳入事件物件的資料。
pageX：事件發生時，滑鼠位置的水平座標（相對於頁面左上角）。
pageY：事件發生時，滑鼠位置的垂直座標（相對於頁面左上角
$("button").click(function(event){ 
          console.log(event);
  });