jQuery获取当前点击的对象元素

最新推荐文章于 2023-04-25 10:49:25 发布
最新推荐文章于 2023-04-25 10:49:25 发布
阅读量910 收藏
点赞数
分类专栏： 前端

转自      http://blog.csdn.net/itdada/article/details/27202513

案例如下  点击哪个弹出哪个窗口

<script type="text/javascript" src="script/jquery-1.8.3.js"></script>
</head>
<body>
        <p>段落1</p>
        <p>段落2</p>
        <p>段落3</p>
        <p>段落4</p>
        <p>段落5</p>
    <script type="text/javascript">
    //获取当前点击的对象
    $('p').click(
        function(){
            //this表示当前被点击元素，但是此时我们当做dom对象
            //window.alert(this.innerHTML);
            //$(this) 表示当前被点击元素，但是此时我们当做jquery对象
            $(this).slideToggle();
            window.alert($(this).html());
            //window.alert('ok');
        });
</script>
</body>

羽二
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery选取点击元素获得当前点击元素信息
08-09 4920
目前几种借用jQuery选取点击元素获得当前点击元素信息， $(document).click(function(e) { // 在页面任意位置点击而触发此事件 $(e.target).attr("id"); // e.target表示被点击的目标 })//此方法对于想要获取击元素获得当前点击元素信息如id，value，等信息，无法准确定位，获取，因此需要thi...
jQuery的on方法获取发生事件的元素对象
XUYIGE的博客
02-14 590
一个元素绑定事件： 方式一：使用$(this)获取 如下代码： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <ul> &lt...
jQuery中获取点击事件的元素及元素的id属性
找师父的小白的博客
03-24 6049
新问题： 怎么获取到点击的元素呢？ 在jQuery中，当想获取点击的元素时，我们可以用下面的方法，代码如下： $('.top-menu .el-menu-item').click(function(e){ var v = $(e.target);//获取当前点击事件的元素 }); 当你获取当前的元素后，就可以对元素进行操作了，比如获取元素的innerHTML，代码如下： $('.top-menu .el-menu-item').click(function(e){ var v = $(e.target
JQuery-this的用法，获取当前点击元素的内容
u011042325的博客
06-29 1371
jquery获取当前this，使用$(this)
jquery获取元素内容
qq_36545656的博客
01-17 818
jquery 在获取元素内容的时候，.text()和.html（）都可以获取到元素的内容，但是这两者到底有什么区别呢？ 下面让我们来看一个例子： 今天天气不错哈！ 点我 js部分 $('#btn').click(function(){ alert('text:'+$('#text').text()); alert('text:'+$('#text').html());/两种写法都可以
jQuery获取当前点击的对象元素(实现代码)
11-23
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
jQuery获取this当前对象子元素对象的方法
10-21
在本例中，我们将探讨如何在jQuery中利用`this`来获取当前对象的子元素。 首先，我们来看给定的HTML代码： ```html 北京 上海 深圳 ``` 这里有一个`<select>`元素，包含三个`<option>`子元素。当用户从下拉...
vue获取当前点击的元素并传值的实例
08-27
在Vue.js中，获取当前点击的元素以及向其传递值是常见的需求，特别是在构建交互式用户界面时。本文将详细讲解如何在Vue中实现这一功能，并提供一个具体的实例。 首先，我们要了解Vue中的事件处理机制。Vue使用的是...
jquery获取当前点击对象的value方法
10-26
主要介绍了jquery如何获取当前点击对象的value,需要的朋友可以参考下
Jquery 获取元素的方法
zheshihuahua的博客
04-25 2217
lt(index) $('p:lt(2)') index从0开始，获取index小于（不包含）2的所有元素。:gt(index) $('p:gt(2)') index从0开始，获取index大于（不包含）2的所有元素。:contains(text) $('p:contains(Hello)') 获取所有包含文本为Hello的元素，中间的文本区分大小写。
JQuery、Js获取元素、鼠标位置
jimoandgudu的博客
02-28 2690
单机某个元素弹出窗口有时需要动态的获取元素的位置 例如： 例如图片中的弹框，如果红色单词向右移动，弹窗会显示不完整 JQuery 获得绝对,相对位置的坐标方法 //获取页面某一元素的绝对X,Y坐标 var X = $('#ID').offset().top; var Y = $('#ID').offset().left; //获取相对(父元素)位置: var X = $('#ID')....
Jquery事件和DOM操作
qq_45895931的博客
06-23 407
$(“选择器”).click(function(){ })；常用$(“选择器”).on("事件类型1 事件类型2。。。 "，“子元素” , function(){});常用动态绑定 如果想给某个父元素中的子元素绑定事件，但是 这个子元素 不存在不是我们自己写 的，而是通过js代码动态添加的时候，此时绑定事件用。 2.DOM操作 模板法。 增：创建，美化，添加 document.createElement(“标签名”)； 删: 自已.remove() 父.removeChild(“子节点”); 改：父.rep
jQuery操作元素、事件处理
weixin_61561066的博客
07-24 886
jQuery操作元素、事件处理
JQuery获取当前点击元素中input标签的value
qq_40088333的博客
08-12 1397
获取点击的div中的input标签中的内容
jQuery获取元素
emool的博客
12-18 7534
简单总结一下获取元素的一些方法， 可以通过jq选择器获取可以通过关系节点获取. 1.基本选择器 符号 说明 $(‘#demo’) 选择 id 为 demo 的元素 $(‘.demo’) 选择 class 为 demo 的所有元素 $(‘div’) 选择所有 div 标签元...
vue/jquery的dom操作获取当前点击元素
LuLuke_lucky的博客
04-28 453
<button @click = “clickfun($event)”>点击 methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 } },
jQuery实现点击页面获得当前点击元素的id
Ryan Z 的技术日志
10-01 8257
点击页面获得当前点击元素的id或者其他信息，使用jquery可以轻松做到这一点，下面有个不错的示例，希望对大家有所帮助 代码如下: $(document).click(function (e) {  var v_id = $(e.target).attr('id');  }    代码如下: $(e.target)
jQuery 获取鼠标点击的元素ID
weixin_33858336的博客
02-21 5129
$(function(){ $(document).click(function(e) { // 在页面任意位置点击而触发此事件 var v_id = $(e.target).attr('id'); }) }); 　　 转载于:https://www.cnblogs.com/lxnv587/p/10412410.htm...
jquery 获取当前元素的所有兄弟元素
最新发布
05-25
可以使用 jQuery 的 `siblings()` 方法来获取当前元素的所有兄弟元素。例如： ```javascript $(selector).siblings(); ``` 其中，`selector` 是要获取兄弟元素的当前元素的选择器。如果不传递参数，则会获取当前元素的所有兄弟元素。 例如，如果要获取 ID 为 `example` 的元素的所有兄弟元素，可以这样写： ```javascript $("#example").siblings(); ``` 这会返回一个 jQuery 对象，包含了所有兄弟元素。可以通过 jQuery 对象的方法来操作这些元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值