JQuery事件是什么？
JQuery事件是指，頁面對不同訪問者的響應。事件處理程序指的是當HTML中發生某些事件時所調用的方法
例：在元素上移動鼠標
選取單選按鈕
點擊元素
鼠標事件包括：click()方法、dblclick(）方法、mouseenter()方法、mouseleave()方法、hover()方法、
一、click()方法
當點擊元素時，發生click事件
Click()方法觸發click事件。或規定當發生click事件時運行的函數
實例：
$(document).ready(function(){
$("p").click(function(){
alert("點我干啥");
});
});
觸發被選元素的click事件：
語法：$(selector).click()
實例：
<script>
// 觸發被選元素的click事件：
$(document).ready(function(){
$("button").click(function(){
$("p").click();
});
});
</script>
</head>
<body>
<button>觸發p元素上的click事件</button>
<p onclick="alert('點我干哈？')">點我</p>
</body>
添加函數到click事件
語法：$(selector).click(function)
二、dblclick()方法
用法：當雙擊元素時，觸發dblclick事件
dblclick() 方法觸發dblclick事件，或規定當發生dblclick事件時運行的函數
dblclick事件也會產生click事件。如果這兩個事件都被應用於同一個元素，會產生問題。
觸發被選中的dblclick事件：
語法：$(selector).dblclick()
$(document).ready(function(){
$("p").dblclick(function(){
alert("疼死啦");
});
});
添加函數到dblclick事件：
語法：$(selector).dblclick(function)
$(document).ready(function(){
$("p").dblclick(function(){
$(this).fadeOut();
});
});
三、mouseenter()方法
用法：當鼠標指針穿過（進入）被選元素時，會發生mouseenter事件
Mouseenter()方法觸發mouseenter事件。或添加當發生mouseenter事件時運行的函數。
注意：與mouseenter事件不同，mouseenter事件只有在鼠標指針進入被選元素時被觸發。
mouseenter事件在鼠標指針進入任意元素時也會被觸發。該事件通常與mouseleave事件一起使用。
觸發被選元素的mouseenter事件：
語法：$(selector).mouseenter()
$(document).ready(function(){
$("p").mouseenter(function(){
$("p").css("background-color","yellow");
});
$("p").mouseleave(function(){
$("p").css("background-color","lightgray");
});
$("#btn1").click(function(){
$("p").mouseenter();
});
$("#btn2").click(function(){
$("p").mouseleave();
});
});
<body>
<p>這是一個段落</p>
<button id="btn1">觸發mouseenter事件</button>
<button id="btn2">觸發mouseleave事件</button>
</body>
mouseover和mouseenter的區別
Mouseover事件在鼠標移動到選取的元素及其子元素上時觸發
Mouseenter事件只在鼠標移動到選取的元素上時觸發
添加函數到mouseenter事件
語法： $(selector).mouseenter(function)
$(document).ready(function(){
$("p").mouseenter(function(){
$("p").css("background-color","yellow");
});
$("p").mouseleave(function(){
$("p").css("background","lightgray");
});
});
四、mouseleave事件
當鼠標指針離開被選元素時，會發生mouseleave事件
Mouseleave()方法觸發mouseleave事件，或添加當發生mouseleave事件時運行的函數。
注意：與mouseout事件不同，mouseleave事件只有在鼠標指針離開被選元素時被觸發，
mouseout事件在鼠標指針離開任意子元素時也會被觸發。
通常與mouseenter事件一起使用。
觸發被選元素的mouseleave事件
語法：$(selector).mouseleave()
五、hover()方法
hover()方法規定當鼠標指針懸停在被選元素上時要運行的兩個函數，方法觸發mouseenter和mouseleave事件。
注：如果只指定一個函數，則mouseenter和mouseleave都執行它。
語法：
$(selector).hover(inFunction,outFunction)
調用:$(selector).hover(handlerIn,handlerOut)
和以下方式等同:$(selector).mouseenter(handlerIn).mouseleave(handlerOut);
如果只規定了一個函數，則他將會在mouseenter和mouseleave事件上運行。
$(selector).hover(handlerInOut)等於$(selector).on(“mouseenter mouseleave”,handlerInOut);
inFunction，必需，規定mouseenter事件發生時運行的函數
outFunction 可選，規定mouseleave事件發生時運行的函數
實例：
$(document).ready(function(){
$("p").hover(function(){
$("p").css("background-color","yellow");
},function(){
$("p").css("background-color","pink");
});
});