定義和用法：
創(chuàng)新互聯公司主要從事做網站、成都網站設計、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務博興,十多年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18980820575
當點擊元素時，會發(fā)生 click 事件。
當鼠標指針停留在元素上方，然后按下并松開鼠標左鍵時，就會發(fā)生一次 click。
click() 方法觸發(fā) click 事件，或規(guī)定當發(fā)生 click 事件時運行的函數。
鼠標事件是在用戶移動鼠標光標或者使用任意鼠標鍵點擊時觸發(fā)的。
1、click事件：點擊鼠標左鍵時觸發(fā)
$('p').click(function(){});
示例：
123 $('p').click(function(){ ? ? ? ?alert('click function is running !'); ? ? ? });
2、dbclick事件：迅速連續(xù)的兩次點擊時觸發(fā)
$('p').dbclick(function(){});
示例：
123 $("button").dblclick(function(){ $("p").slideToggle();});
3、mousedown事件：按下鼠標時觸發(fā)
$('p').mousedown(function(){});
示例
123 $("button").mousedown(function(){ $("p").slideToggle();});
4、mouseup事件：松開鼠標時觸發(fā)
$('p').mouseup(function(){});
示例：
123 $("button").mouseup(function(){ $("p").slideToggle();});
5、mouseover事件：鼠標從一個元素移入另一個元素時觸發(fā)
mouseout事件：鼠標移出元素時觸發(fā)
$('p').mouseover(function(){});
$('p').mouseout(function(){});
示例：
123456 $("p").mouseover(function(){ $("p").css("background-color","yellow");});$("p").mouseout(function(){ $("p").css("background-color","#E9E9E4");});
6、mouseenter事件：鼠標移入元素時觸發(fā)
mouseleave事件：鼠標移出元素時觸發(fā)
$('p').mouseenter(function(){});
$('p').mouseleave(function(){});
示例
123456 $("p").mouseenter(function(){ $("p").css("background-color","yellow");});$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4");});
7、hover事件
$('p').hover(
function(){},
function(){}
);
示例
123456789 $(".table_list tr").hover( function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); } );
8、toggle事件：鼠標點擊切換事件
$('p').toggle(
function(){},
function(){}
);
示例
12345678 $("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("background-color","yellow");}
實現的方法如下：
1、第一步，創(chuàng)建一個新的html文件，見下圖，轉到下面的步驟。
2、第二步，執(zhí)行完上面的操作之后，創(chuàng)建輸入框和按鈕，見下圖，轉到下面的步驟。
3、第三步，執(zhí)行完上面的操作之后，預覽效果見下圖，轉到下面的步驟。
4、第四步，執(zhí)行完上面的操作之后，需要引入jquery.js，見下圖，轉到下面的步驟。
5、第五步，執(zhí)行完上面的操作之后，設置輸入框的keydown事件與click事件，見下圖，轉到下面的步驟。
6、第六步，執(zhí)行完上面的操作之后，按鈕單擊觸發(fā)事件，見下圖，轉到下面的步驟。
7、第七步，執(zhí)行完上面的操作之后，單擊按鈕，效果見下圖。這樣，就解決了這個問題了。
不能觸發(fā)click事件最常見的三種情況：
選擇器使用錯誤，沒有選擇到標簽；（請分享html代碼分析）；
標簽比jquery方法慢加載，也就是 先加載的方法 ， 后加載的標簽；解決方法（將script標簽與js方法 寫在頁面的底部 也就是 body 標簽的下面）或者如下代碼
!DOCTYPE html
html
head
meta charset="utf-8"
script src="js/jquery-1.9.1.min.js"/script
script
$(document).ready(function(){
$(".test").click(function(){
alert("333");
});
});
/script
title點擊事件測試/title
/head
body
button class="test" 點擊彈出/button
/body
/html
jquery文件或者js文件 導入路徑錯誤或者沒有導入 （新手低級錯誤）；
（純手打，求采納，已測試代碼。夢魂清風 @author：dream breeze）??！
給你舉個例子：
html?xmlns=""
head
title/title
script?src="js/jquery-1.8.0.js"?type="text/javascript"/script
script?type="text/javascript"?charset="utf-8"?language="javascript"
$(function?()?{
$("#check").click(function?()?{
alert("點擊事件后就會觸發(fā)這里");
});
});
/script
/head
body
a?id="check"?href="javascript:void(0);"點擊事件/a
/body
/html
1、新建一個html文件，命名為test.html，用于講解gt;怎么讓jquery事件執(zhí)行一次。
2、在test.html文件內，引入jquery.min.js庫文件，成功加載該文件，才能使用jquery中的方法。
3、在test.html文件內，使用p標簽創(chuàng)建一行文字，文字內容為“這是一段測試的文字”,并設置其class為mypp。
4、在js標簽內，在頁面加載完成時，通過class(mypp)獲得p元素對象，使用one()方法給對象綁定click點擊事件，當p元素被點擊時，執(zhí)行function()方法一次。
5、在function()方法內，使用$(this)獲得p標簽對象，使用text()方法取得p標簽內的值，把值保存在ny變量中。
6、在function()方法內，使用alert()方法將獲得的內容輸出來。
7、在瀏覽器打開test.html文件，點擊文字，查看實現的效果。
重慶分公司
重慶分公司
