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

1、新建一个html文件，命名为testhtml。

2、在testhtml文件中，在p标签内，使用span标签创建一行文字，span标签是p标签的子标签。

3、在testhtml文件内，设置span元素的id为myspan，下面将使用jquery方法获得该id值。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取子标签的ID值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getspanid函数。

6、在js标签中，创建getspanid()函数，在函数内，通过元素名称获得p元素对象，使用children（）方法获得p标签的子标签，再通过attr()方法来获得id值。最后，使用alert()方法将id值输出来。

代码如下:

var btn = jQuery('btn')val();

获取的只是第一个类标签为btn的html元素的value值。

要获得一组类标签的所有html元素的值。就得使用jQuery的each遍历。

代码如下:

var btns = new Array(); //或者写成：var btns= [];

jQuery('btn')each(function(key,value){

btns[key] = $(this)val();

//或者也可以这么写：

// btns[key] = $(value)val();

});

用jquery怎么获取页面的特定内容 1、给特定内容包裹一个容器（div或者其他容器）标签

2、给容器一个id，或者一个特定的class以便于使用jquery的选择器获取到该容器

3、使用jquery选择器获取该容器，并获取该容器内的内容

<div id="content" > 特定内容</div> $("#content")();$("#content")text();$("#content")val();

1、()

():取得第一个匹配元素的内容。这个函数不能用于XML文档。但可以用于XHTML文档

(val):设置每一个匹配元素的内容。这个函数不能用于XML文档。但可以用于XHTML文档。

2TEXT

text():取得所有匹配元素的内容。

结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

text(val):设置所有匹配元素的文本内容

与 () 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体)

3VAL

val():获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

求教高手：用jquery怎么获取页面的特定内容

Jquery支持多种选择器 ，比如 根据id、class、attribute属性、标签名选择

<div id="a"></div> $("#a")就可以取到id为 a的元素

<div class="b"></div> $("b") 就可取到class含有 b 的元素

建议你看一下Jquery的API，里面有更详细的说明

jQuery 在b页面获取a页面输入的内容

通过传参，打开b页面的时候

b输入框内容=输入框值，然后在a页面接收这个值

jquery怎么获取另一个页面上的指定内容

把文件的编码改成utf-8，另外把$ajax里的dataType设为

mui 怎么获取页面的内容

你直接打印data：

consolelog(data)

这样就可以了。能获取到页面内容的。

jsp页面怎么获取另一个页面的内容

可以利用form表单提交获取上一个页面的值

例：form表单提交传值及取值

发请求页面

<form class="page_speeder_101909357" method="post"

id="infoDetailsHyperlink" name=input

action="<%=requestgetContextPath()%>/view/basicmanage/reportTemplet/positionPeopleConfigjsp">

<input name=infoId id="infoId">

<input name=operationType id="operationType">

<input name=copyTempletIdConfigPeople id="copyTempletIdConfigPeople">

</form>

发请求页面，js中发送请求

$("#infoId")val($("#lastStepTempletId")val());

$("#operationType")val($("#operationTypeIdLastStep")val());

$("#infoDetailsHyperlink")submit();

接收页面

<input id="infoId" class="page_speeder_840442281" value=<%=requestgetParameter("infoId")%>>

<input id="operationType" class="page_speeder_840442281" value=<%=requestgetParameter("operationType")%>>

<input id="copyTempletIdConfigPeople" class="page_speeder_840442281" value=<%=requestgetParameter("copyTempletIdConfigPeople")%>>

<script>

<%requestsetCharacterEncoding("utf-8");%> 解决传值时中文乱码问题

</script>

怎么通过js或者jquery获取一个页面里面的内容

这个需要你了解一家js和的关系，对于浏览器来说相当于一颗dom树，所有的标签都是dom树上的节点，js就是对dom树网页的抽象模型进行 *** 作的，jquery只是js的封装本质上还是js

jquery *** 作元素：这个需要学习一下选择器方面的知识，例如类选择器 id选择器 元素选择器，通过选择器可以帅选出你要的dom节点，任何 *** 作都可以进行

js *** 作:documentgetElementsById()

documentgetElementsByTagName()

用jQuery的方法可以获得某个元素中的内容 ，如果元素是标签，则可以获得页面的全部内容：例如：

$(document)ready(function(){

var _str=$("")();

alert(_str);

});

上面代码可以获得页面的全部内容。（当然要先导入jQuery）

以上就是关于jQuery如何实现点击页面获得当前点击元素的id或其他信息全部的内容，包括:jQuery如何实现点击页面获得当前点击元素的id或其他信息、jquery怎样获取动态增加的img标签的id、JQUERY如何通过VALUE获取标签等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！