jquery怎么判斷鼠標點擊的是哪個div

通過JQ獲取當前div的索引值可判斷。

十余年的龍州網站建設經驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。營銷型網站的優(yōu)勢是能夠根據用戶設備顯示端的尺寸不同，自動調整龍州建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯從事“龍州網站設計”,“龍州網站推廣”以來，每個客戶項目都認真落實執(zhí)行。

假設有多個div，舉個例子：

$('div').on('click',function(){

var?index?=?$(this).index($('div'));//索引值

//通個上面的index可以區(qū)分是哪個div

})

jquery模擬鼠標點擊動作

trigger(type,[data])

在每一個匹配的元素上觸發(fā)某類事件。

這個函數也會導致瀏覽器同名的默認行為的執(zhí)行。比如，如果用trigger()觸發(fā)一個'submit'，則同樣會導致瀏覽器提交表單。如果要阻止這種默認行為，應返回false。

你也可以觸發(fā)由bind()注冊的自定義事件

返回值 jQuery

參數

type (String) : 要觸發(fā)的事件類型

data (Array) : (可選)傳遞給事件處理函數的附加參數

示例

提交第一個表單，但不用submit()

jQuery 代碼:

$("form:first").trigger("submit")

--------------------------------------------------------------------------------

給一個事件傳遞參數

jQuery 代碼:

$("p").click( function (event, a, b) {

// 一個普通的點擊事件時，a和b是undefined類型

// 如果用下面的語句觸發(fā)，那么a指向"foo",而b指向"bar"

} ).trigger("click", ["foo", "bar"]);

--------------------------------------------------------------------------------

下面的代碼可以顯示一個"Hello World"

jQuery 代碼:

$("p").bind("myEvent", function (event, message1, message2) {

alert(message1 + ' ' + message2);

});

$("p").trigger("myEvent", ["Hello","World!"]);

=====================================================================

triggerHandler(type,[data])

這個特別的方法將會觸發(fā)指定的事件類型上所有綁定的處理函數。但不會執(zhí)行瀏覽器默認動作.

返回值 jQuery

參數

type (String) : 要觸發(fā)的事件類型

data (Array) : (可選)傳遞給事件處理函數的附加參數

示例

如果你對一個focus事件執(zhí)行了 .triggerHandler() ，瀏覽器默認動作將不會被觸發(fā)，只會觸發(fā)你綁定的動作。

HTML 代碼:

button id="old".trigger("focus")/button

button id="new".triggerHandler("focus")/buttonbr/br/

input type="text" value="To Be Focused"/

jQuery 代碼:

$("#old").click(function(){

$("input").trigger("focus");

});

$("#new").click(function(){

$("input").triggerHandler("focus");

});

$("input").focus(function(){ $("spanFocused!/span").appendTo("body").fadeOut(1000); });

jquery鼠標點擊事件是什么？

定義和用法：

當點擊元素時，會發(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");}

jquery鼠標點擊事件

$(".inpt").click(function(){

$this.addClass("on");

});

$("*").not(".inpt").click(function(){

$this.removeClass("on");

});

其實你可以去看看jq的hover函數

$(".inpt").hover(

function(){

$this.addClass("on");

},function(){

$this.removeClass("on");

}

);

Jquery鼠標移入和移出、點擊事件,點擊變色，鼠標移出又變回原來的樣式

你只要明白事件觸發(fā)的順序就知道原因了：當你鼠標移到div上的時候，觸發(fā)mouseenter事件，點擊的時候觸發(fā)click事件，然后鼠標移走觸發(fā)mouseleave事件。

例如：var

test=0;

$("#div1").delegate("a",

"mouseenter",

function()

{

test=1;

}).delegate("a",

"mouseleave",

function()

{

test=2;

});

$("#div1").delegate("a",

"click",

function()

{

test=3;

});

當你鼠標移動到div上點擊之后鼠標再移走，最后觸發(fā)的事件是mouseleave事件，此時test是2而不是三。你可以測試一下

jquery如何實現鼠標點擊事件（如同手風琴效果，但是點擊一次被點擊的背景變化，點擊第二次恢復到原來背景

ul

lih4123/h4div?class="hidden"aaa/div/li

lih4456/h4div?class="hidden"bbb/div/li

/ul

script?type="text/javascript"

$("li").click(function(event){

$(this).toggleClass("show");

$(this).find("div").toggle();

$(this).siblings().find("div").hide();

$(this).removeClass("show");

})

/script

這是我寫的例子 能否滿足你的要求

參考資料：?

本文標題：jquery鼠標點擊,jquery鼠標點擊名字自動切換
轉載注明：http://chinadenli.net/article27/dsijocj.html

成都網站建設公司_創(chuàng)新互聯，為您提供軟件開發(fā)、網站制作、定制網站、響應式網站、網站改版、靜態(tài)網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯