jQuery选取点击元素获得当前点击元素信息

目前几种借用jQuery选取点击元素获得当前点击元素信息,

$(document).click(function(e) { // 在页面任意位置点击而触发此事件
  $(e.target).attr("id");       // e.target表示被点击的目标
})//此方法对于想要获取击元素获得当前点击元素信息如id,value,等信息,无法准确定位,获取,因此需要this,及当前之意

 借用this获取当前元素信息

HTML代码

<ul>
    <li class="a" id="ongoing">正在进行</li>
    <li id="about_to_begin">即将开始</li>
    <li id="past_activities">往期活动</li>
</ul>

 js代码

                $(document).ready(function(){
				$("li").click(function(){ //点击可通过标签,id,类名等
//					alert($(this).attr("id")) //此处可以拿到点击元素的id ,取到其value值及用attr()方法
                                        alert($(this).html())    //拿到点击元素的内容                //拿到内容后即可使用ajax 方法与后台交换数据,进行交互
 					var code = $(this).attr("id")
//					console.log(code)
					$("#a div").remove(); //配合点击事件拿到元素的同时删掉HTML页面部分内容 同时也可用添加元素的方法添加元素
					$("#b div").remove();
					$("#c div").remove();
                                     })
                           });

  

 

 

原文地址:https://www.cnblogs.com/beidouwangyue/p/9448144.html

时间: 2024-10-15 16:56:02

jQuery选取点击元素获得当前点击元素信息的相关文章

将所有div下的所有li的名字设为&quot;哈哈&quot;,当点击的时候设为&quot;我被点击了&quot;,其余没有点击的依然设为“哈哈”

<1> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title&

jquery实现点击页面其他地方隐藏指定元素

jquery实现点击页面其他地方隐藏指定元素:在很多效果中,都有这样的功能,当点击页面的其他地方时,能够隐藏一个指定的元素,例如在模拟实现的select下拉菜单效果中,当下拉菜单出现的时候,我们往往希望当点击页面其他地方的时候,能够隐藏下拉条,下面就通过一个实例单独介绍一下如何实现此功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=

jquery如何判断元素是否被点击、属性操作、class操作

1.通过点击事件发生后,改变标志位的值,记录点击状态 1 function(){ 2 var isClick = false; 3 $('#test').click(function(){isClick = true;}); 4 $('#show').click(function(){alert(isClick);}) 5 } 2.增删class:$('#id').addClass().$('#id').removeClass() 3.获取设置元素值:$('.class').text().$('

【笔记】js获取当前点击元素的索引

以前用jq 做过图片切换 滑动之类的特效现在想用js 试试是怎么一回事 jq图片切换的思路是用index()函数获取当前点击的按钮的索引然后根据索引值将对应索引的图片显示出来 于是查了一下js 是如何获取index的如下: js代码 var ul = document.getElementById("list"); var ul_child = ul.getElementsByTagName('li'); for (var i = 0; i < ul_child.length;

jquery(二) jQuery选取和操作元素的特点

jQuery初探 jQuery选取和操纵元素的特点 JavaScript选取元素 先来看看不用jQuery的时候我们是怎么处理元素选取的. JavaScript选取元素的时候,可以根据id获取元素,当id不存在的时候,结果为null,并且console会报脚本执行错误. 所以一般的做法是先用一个if判断该元素存在. 比如: <body> <a>click me</a> <script type="text/javascript"> //

点击GridView中TextBox弹出输入对话层,输入内容反传回先前点击的TextBox中(Jquery获取GridView中TextBox的ID)

项目中,由于用户反映说:GridView表中的输入框太小,不方便输入,特别是在输入内容多的时候.问能不能点击GridView中输入框的时候能弹出一个大的内容输入对话框. 介于用户的要求,我就开始修改. 先想到的就是我用Jquery在GridView中TextBox上添加一个focus焦点捕捉事件,当点击时触犯弹出内容输入框. 然后就是当输入完毕的操作了,我又使用内容输入框(其实也是一个TextBox)的焦点失去事件(blur),在该事件中先把值反馈回先前点击的GridView中的那个TextBo

jQuery初探 jQuery选取和操纵元素的特点

jQuery初探 jQuery选取和操纵元素的特点 JavaScript选取元素 先来看看不用jQuery的时候我们是怎么处理元素选取的. JavaScript选取元素的时候,可以根据id获取元素,当id不存在的时候,结果为null,并且console会报脚本执行错误. 所以一般的做法是先用一个if判断该元素存在. 比如: <body> <a>click me</a> <script type="text/javascript"> //

[ jquery 选择器 :gt(index) ] 此方法选取匹配大于指定索引值的所有元素

此方法选取匹配大于指定索引值的所有元素:角标值从0开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword

[ jquery 选择器 :lt(index) ] 此方法选取匹配小于指定索引值的所有元素

此方法选取匹配小于指定索引值的所有元素:从 0 开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2