jq参数以及e.target

最新推荐文章于 2023-03-27 16:58:39 发布
最新推荐文章于 2023-03-27 16:58:39 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011313703/article/details/50199789
版权
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="js/jquery.min.js"></script>
</head>


<body>
方法一：
<a href="javascript:void(0);" οnclick="show(tips1,this);">qq</a>
<a href="javascript:void(0);" οnclick="show(tips2,this);">phone</a>
<script>
var tips1="我的qq";
var tips2="我的手机";
function show(tips,obj){alert(tips);}
</script>
方法二：
<a href="javascript:void(0);" οnclick="show(1);">qq</a>
<a href="javascript:void(0);" οnclick="show(2);">phone</a>
<script>
var tips1="我的qq";
var tips2="我的手机";
function show(obj){
  if(obj==1){
  alert(tips1);
  }else{
  alert(tips2); 
  }
}
</script>
方法三：
<div class="test">
    <a href="javascript:void(0);">qq</a>
    <a href="javascript:void(0);">phone</a>
</div>
<script>
  var tips1="我的qq";
  var tips2="我的手机"
  $(".test a").click(function(e){
 var e=$(e.target);
 if(e.text()=='qq'){
alert(tips1);  
 }else{
alert(tips2);  
 }
  });
</script>
</body>
</html>
暖宝宝兰宝宝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
e.target的含义
LuoShengMenwh的博客
12-15 1657
$(function(){     $("li:has(ul)").click(function(e){         if(this==e.target){             $(this).children().toggle();             $(this).css("list-style-image",($(this).children().is(":hidden
探讨e.target与e.currentTarget
weixin_30566063的博客
07-05 262
target与currentTarget两者既有区别，也有联系，那么我们就来探讨下他们的区别吧，一个通俗易懂的例子解释一下两者的区别： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Example</title> 5 </head> 6 ...
Jquery系列-Jquery事件2 this与e.target
SDN_SUPERUSER的专栏
10-29 1645
无标题页 .waiting{color:gray}; $(function(){ $('#tr1').click(function(e){ alert('下面是tr的'); //this 是随不同的当前监听元素变动的 alert($(this).html()); //最原始触发事件的元素 alert($(e.target).html());
jq 关于this与e.target区别
大洋
06-29 4251
在编写事件函数时可以传入一个event参数，even参数可以使用一个target属性如even.target用以调用，其作用是指向返回事件的目标节点（触发该事件的节点），这与this是有区别的。 在js中事件属性是会冒泡的，所以在这情况下，如果选用this，那么this是随时变化的，它指向的总是当前触发的事件，而even.target则是仅仅指向触发该事件的节点。 举例子说明： ...
e.target的用法
热门推荐
qq_36412715的博客
11-22 5万+
target定义： target 属性规定哪个 DOM 元素触发了该事件。 target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： event.target event.target.nodeName 　　//获取事件触发元素标签名（li，p，div，img，button…） event.target.id　　　　　　//获取事件触发元素id ev...
jquery ajax 向后台传递数组参数示例
12-02
当需要传递数组作为参数时，可能会遇到一些挑战，特别是在数组中包含复杂对象的情况。本文将深入讲解如何在jQuery AJAX中向后台传递数组参数，并提供示例代码。 首先，理解问题的关键在于JavaScript数组在传递给...
用JQ实现导航菜单的下拉收起效果
10-24
本教程将详细介绍如何使用jQuery（简称JQ）来实现一个动态的导航菜单，其中包括下拉和收起的效果。 首先，理解jQuery库的基础知识至关重要。jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理、动画...
flag和jq on 的绑定多个对象和方法(必看)
08-31
`flag`通常在编程中用来作为标志，标记某种状态或条件，但它在这里可能是指某个特定的变量或操作，由于提供的内容没有明确的`flag`使用示例，我们将主要讨论`jq on`的事件绑定以及`this`和`e.target`的区别。...
JQ ScrollTo 的使用方法
08-13
**JQ ScrollTo 使用方法详解** 在Web开发中，页面滚动效果经常被用来提升用户体验，尤其是在长页面设计中。jQuery的ScrollTo插件提供了一种简单而强大的方式来实现这样的动画滚动效果。本文将深入探讨JQ ScrollTo的...
jq平滑移动、定位到锚链接
04-16
在网页开发中，jQuery（通常简称为jq）是一种广泛使用的JavaScript库，它简化了许多DOM操作、事件处理和动画效果。本教程将聚焦于一个特定的jQuery功能：平滑移动和定位到锚链接（anchor links）。这是一项提升用户...
(O)jquery：e.target和this的区别（如何使事件委托后，被选元素的子元素不被选中）...
weixin_30822451的博客
03-31 228
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> li{ border: 1px solid #ccc; } div{ border: 1px sol...
JQ
E_ISOLATE的博客
07-20 148
Ctrl+Alt+D+L格式化 //同一个效果 通常采用第二种写法 $(document).ready(function () { console.log(1); }); // $(function () { console.log(2); }); // jQuery(function () { ...
jq中$()和$常用方法
Virgo_Yao的博客
06-06 3045
first第一个；last最后一个；odd偶数；even奇数；eq（n）可获取第n个；html();相当于js中的innerHTMlcss();gt()； 2代表从第零个到第二个$()常用方法has()  //包含 元素内部not()  //filterd的反义词filter()  //过滤next()  //下一个兄弟节点prev()  //上一个兄弟节点find()  //查找eq()   /...
e.target 与 e.currentTarget
JDDDDDDyaya的博客
11-07 205
e.currentTarget === this e.target === 你点击的元素，你点击的是谁，e.target 就是谁 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
JQuery学习记录
Kei's Blog
03-22 434
//#target ID选择器 .target 样式选择器 body元素选择器 $(document).ready(function() { //HTML加载完毕之后加载 $("#target1").css("color", "red"); //添加CSS样式 $("#target1").prop("disabled", true); //改变属性 $("#target4").remo
JavaScript中的Event.target
qq_54334713的博客
04-26 7244
event.target 一般情况下我们获取目标事件源都是谁是调用者谁就是事件源，但是当有批量的DOM需要操作的时候，要判断哪一个dom是事件源就不是很明确了，使用e.target可以准确地获取事件源，并且在使用的过程中可以比较判断，从而实现我们的代码。 举个例子：当做一个拖拽的案例的时候，有多个事件源，但是想要知道鼠标点击的是不是我们想要的事件源的时候（例如：其他区域和事件源进行判断），我们就可以使用e.target，比较获取的事件源的Id,classname，nodename... 白话就是：用
e.target与事件委托简例
weixin_30659829的博客
03-18 1115
target定义： 　　　　target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： 　　　　event.target 　　　　event.target.nodeName 　　//获取事件触发元素标签name（li,p...） 　　　　event.target.id　　　　　　　//获取事件触发元素id 　　　　event.target....
HTML(e.target)BOM对象的常用方法
weixin_51277037的博客
04-28 903
class removeClass 删除class className 获取class classList.add 添加class style e.target.style 例如 e.target.style.color="red" value e.target.value 获取value属性 html e.target.innerHTML 获取子标签
e.currentTarget和e.target
weixin_48962287的博客
03-27 1377
此时，e.target表示的是触发事件的具体元素，而e.currentTarget则表示的是当前正在处理事件的元素，可能是父级元素或者其他祖先元素。例如，可以通过e.target来获取用户点击的具体元素，或者通过e.currentTarget来获取当前正在处理事件的元素。e.target表示的是事件的目标元素，即触发事件的元素，通常是用户在页面中进行操作时所点击的元素。而e.currentTarget表示的是当前事件处理程序所绑定的元素，即事件正在处理的元素。e.target是获取具体的触发元素。
jq.xdomainrequest.min.js
最新发布
08-17
jq.xdomainrequest.min.js是一个基于jQuery的插件，用于解决IE浏览器跨域请求的问题。 在当今的网页开发中，由于浏览器的同源策略，不同域下的网页不能直接发送跨域请求。但是，有时候我们需要在网页中实现跨域请求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值