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

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

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

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

})

示例代码如下

创建Html元素

<div class="box">

<span>点击页面后，设置被点击元素背景色并获取其id：</span><br>

<div class="content" id = "test">test

<div id = "test1">test1

<div id = "test2">test2

<div id = "test3">test3</div>

</div>

</div>

</div>

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

divcontent 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) {

$(etarget)addClass('bg');     // 设置背景色

alert($(etarget)attr('id'));  // 获取id

})

})

观察效果

初始状态

点击id为test2的div

var self='';

$('div a')each(function(i){

 $(this)click(function(){

  self = $('div')clone();

  selfchildren('a:eq('+i+')')siblings()remove();

  alert(selfhtml());

  return false;

 });

});

1、获取第一个子元素有如下方法：

（1）:first

举：$('divone:first')，获取所有class="one"的div的第一个div子元素。这里的限制在于父子元素都是同一种，即父元素如果是span标签，获取的第一个子元素也是span标签，如果父元素是table标签，获取的子元素也是table标签。

（2）:first-child

如：$('divone:first-child')，获取所有class="one"的div的第一个子元素，注意是“所有”，意思是说，如果这个div有多外，那么获取的第一个子元素也是有多个。

（3）使用eq()方法

如：$('divone > span:eq(1)'),获取class="one"下的div的第一个span子元素，同（2）一样，也是有多个div也是获取多个div的第一个元素。

可以通过获取id，或者直接在父层限制一个eq(1)这样的形式去获取惟一一个子元素

获取name为test的input文本框中的内容的jQuery代码为：

$("input:text[name='test']")val()；

jQuery提供了三个简单实用的用于获取元素内容的方法：

text() —— 设置或返回所选元素的文本内容

html() —— 设置或返回所选元素的内容（包括 HTML 标记）

val() —— 设置或返回表单字段的值

因为input属于表单元素，所以获取其内容使用的是val()方法。

Jquery可以使用“$("iframe body")html()”语句获取iframe里面body的html内容。

jQuery选择器允许对HTML元素组或单个元素进行 *** 作，所有选择器都以美元符号开头：$()。元素选择器基于元素名选取元素，例如：“$("p")”可以获取页面中所有<p>元素对应的jquery对象。

jQuery对象的html()函数用于获取该对象对应html标签内包含的所有html代码。

扩展资料：

jQuery选择器的分类：

1、元素选择器

jQuery元素选择器基于元素名选取元素，例如：“$("p")”用于选取出所有p标签的jquery对象。

2、id选择器

jQuery #id选择器通过HTML元素的id属性选取指定的元素。页面中元素的id应该是唯一的，所以您要在页面中选取唯一的元素需要通过#id选择器，例如：“$("#test")”于选取出id为“test”的jquery对象。

3、class 选择器

jQuery类选择器可以通过指定的class查找元素，例如：$("test")用于选取出所有包含“test”类的jquery对象。

参考资料来源：百度百科-jQuery

$("元素表达式")attr("属性名")

如：$("#textid")attr("width")是获取id为textid的控件的width属性

$("classname")attr("width")是获取包含class名为classname的控件的width属性

$("[name=textname]")attr("width")是获取name为textname的控件的width属性

但要注意，jquery取到的可能是一个数组，如果确定属性为同一值，则没问题，否则应该循环取得控件，再取属性值

如：$("#textid")[0]width是取第一个控件的width属性

但也有写属性用attr取不到，也需要用角标的方式取得控件后在取属性

以上就是关于jQuery如何实现点击页面获得当前点击元素的id或其他信息全部的内容，包括:jQuery如何实现点击页面获得当前点击元素的id或其他信息、jquery 获得元素全部内容、jquery如何获取第一个或最后一个子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！