JQuery通過(guò)類(lèi)選擇器捕獲click事件獲取當(dāng)前點(diǎn)擊對(duì)象的id

JQuery通過(guò)類(lèi)選擇器捕獲click事件獲取當(dāng)前點(diǎn)擊對(duì)象的id的實(shí)例代碼：

站在用戶(hù)的角度思考問(wèn)題，與客戶(hù)深入溝通，找到廉江網(wǎng)站設(shè)計(jì)與廉江網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品，建站類(lèi)型包括：成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋廉江地區(qū)。

script

$(function () {

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

var val=$(this).attr("id");

alert(val);

})

})

/script

/head

body

a id="user" class="test" href="#"User/a

/body

擴(kuò)展資料：

JQuery通過(guò)ID選擇器捕獲click事件獲取當(dāng)前點(diǎn)擊對(duì)象的id的實(shí)例代碼：

script

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

var val=$(this).attr("name");

alert(val);

})

/script

/head

body

a id="student" name="Tom" href="#"Student/a

/body

JQuery通過(guò)元素選擇器捕獲click事件獲取當(dāng)前點(diǎn)擊對(duì)象的id的實(shí)例代碼：

script

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

var val=$(this).val();

alert(val)

})

/script

/head

body

input id="btn" type="button" name="ok" value="Hello" /

/body

jQuery如何實(shí)現(xiàn)點(diǎn)擊頁(yè)面獲得當(dāng)前點(diǎn)擊元素的id或其他信息

如下代碼可以實(shí)現(xiàn)點(diǎn)擊頁(yè)面獲得被點(diǎn)擊元素的id

$(document).click(function(e)?{?//?在頁(yè)面任意位置點(diǎn)擊而觸發(fā)此事件

$(e.target).attr("id");???????//?e.target表示被點(diǎn)擊的目標(biāo)

})

示例代碼如下

創(chuàng)建Html元素

div?class="box"

span點(diǎn)擊頁(yè)面后，設(shè)置被點(diǎn)擊元素背景色并獲取其id：/spanbr

div?class="content"?id?=?"test"test

div?id?=?"test1"test1

div?id?=?"test2"test2

div?id?=?"test3"test3/div

/div

/div

/div

/div

設(shè)置css樣式

div.box{width:300px;padding:20px;margin:20px;border:4px?dashed?#ccc;}

div.box?span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px?0;padding:20px;border:2px?solid?#ff6666;}

div.content?div{min-width:20px;min-height:20px;padding:30px;border:1px?solid?#446699;background:#ffffff;}

.bg{background:#ff99cc?!important;}

編寫(xiě)jquery代碼

$(function(){

$(document).click(function?(e)?{

$(e.target).addClass('bg');?????//?設(shè)置背景色

alert($(e.target).attr('id'));??//?獲取id

})

})

觀察效果

初始狀態(tài)

點(diǎn)擊id為test2的div

如何遍歷jquery元素獲取所有id

使用 each?方法， 假設(shè)你的?jQuer?元素是 el ,?大概代碼是：

$(el).each(function(index,el){

console.log( $(el).attr('id') );

})

each?是 jQuery?提供的遍歷方法，第一個(gè)參數(shù)是索引，第二個(gè)參數(shù)是遍歷對(duì)象的值。

jquery 獲取ID方法

獲取第一個(gè)id

var

id

=

$("#userList

img:first").attr("id");

循環(huán)輸出所有id

$("#userList

img").each(function(){alert(this.attr("id"));});