JQuery通过类选择器捕获click事件获取当前点击对象的id

JQuery通过类选择器捕获click事件获取当前点击对象的id的实例代码：

站在用户的角度思考问题，与客户深入沟通，找到廉江网站设计与廉江网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站制作、做网站、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、雅安服务器托管、企业邮箱。业务覆盖廉江地区。

script

$(function () {

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

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

alert(val);

})

})

/script

/head

body

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

/body

扩展资料：

JQuery通过ID选择器捕获click事件获取当前点击对象的id的实例代码：

script

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

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

alert(val);

})

/script

/head

body

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

/body

JQuery通过元素选择器捕获click事件获取当前点击对象的id的实例代码：

script

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

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

alert(val)

})

/script

/head

body

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

/body

jQuery如何实现点击页面获得当前点击元素的id或其他信息

如下代码可以实现点击页面获得被点击元素的id

$(document).click(function(e) { // 在页面任意位置点击而触发此事件

$(e.target).attr("id");       // e.target表示被点击的目标

})

示例代码如下

创建Html元素

div class="box"

span点击页面后，设置被点击元素背景色并获取其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

设置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;}

编写jquery代码

$(function(){

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

$(e.target).addClass('bg');     // 设置背景色

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

})

})

观察效果

初始状态

点击id为test2的div

如何遍历jquery元素获取所有id

使用 each 方法， 假设你的 jQuer 元素是 el , 大概代码是：

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

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

})

each 是 jQuery 提供的遍历方法，第一个参数是索引，第二个参数是遍历对象的值。

jquery 获取ID方法

获取第一个id

var

id

=

$("#userList

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

循环输出所有id

$("#userList

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

标题名称：jquery获取当前id,jquery获取当前窗口的宽度
标题URL：http://kswjz.com/article/dsdcjdh.html