如何使用JQuery在"a href"元素上触发现有的"onclick"事件？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

jQuery 基本语法

一、核心部分 $(expr) 说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础参数：expr：字符串，一个查询表达式或一段html字符串...href="#" onClick="jq()">jQueryafter append(html)在匹配元素内部，且末尾插入指定html href="...add(el) 在匹配对象的基础上再附加指定的dom元素。...red样式，离开层时移出red样式 bind(type, fn) 用户将一个事件和触发事件的方式绑定到匹配对象上。...trigger(type) 用户触发type形式的事件。

4.9K4 0

jquery学习

触发或将函数绑定到被选元素的鼠标悬停事件 jQuery 事件方法方法描述 bind() 向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 change...error() 触发、或将函数绑定到指定元素的 error 事件 event.isDefaultPrevented() 返回 event 对象上是否调用了 event.preventDefault()。...，在处理时，使用prop方法。...//对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。...,fn) // 在选择元素上绑定一个或多个事件的事件处理函数。

3.1K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

测试开发进阶(十四)

() 通过类名找到 HTML 元素（通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。）...放入window.onload触发的函数里面 window.onload函数在页面加载完后才执行操作标签内容 innerHTML 属性获取元素内容的最简单方法是使用 innerHTML 属性。...onclick事件：点击了该 HTML 元素事件属性添加 JavaScript 代码： // 给div定义一个onclick事件，触发该事件的时候，调用该事件指定的函数 jQuery是目前使用最广泛的javascript函数库。...jQuery的版本分为1.x系列和2.x、3.x系列 1.x系列兼容低版本的浏览器 2.x、3.x系列放弃支持低版本浏览器目前使用最多的是1.x系列的。

1.3K3 0

EasyUI学习笔记

上一级" 或者直接写`href="jquery-easyui/themes/icon.css` EasyUI核心属性所有的属性都定义在jQuery.fn.{plugin}.defaults里面。...:"EasyUIDemo/a.html" loadingMessage:"加载中..." }); }); 事件所有的事件（回调函数）也都定义在jQuery.fn...fn大多都是以on开头的,大部分复杂组件,都可以在初始化时,使用onxxx属性配置,值为事件响应 onCollapse 折叠是触发 onExpand 展开时触发小部分简单组件,还是使用JQuery...事件监听方式,使用on方法添加事件.例如linkbutton linkButton没有事件，需要通过jquery的方式去处理. <!...", //组件的事件 onCollapse:function(){ alert("折叠面板的时候触发的事件") } }); }); </script

12K3 0

JavaScript停止冒泡和阻止浏览器默认行为

什么是冒泡事件？如在一个按钮是绑定一个”click”事件，那么”click”事件会依次在它的父级元素中被触发。stopPropagation就是阻止目标元素的事件冒泡到父级元素。...; }; 下面这个是使用jQuery，既阻止默认行为又停止冒泡 onclick='alert("div");'> onclick='alert("ul");'>...onclick='alert("li");'>href="http://caibaojian.com/"id="testC">caibaojian.com事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等； event对象只在事件发生的过程中才有效。...在IE/Opera中是window.event，在Firefox中是event；而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera

2.6K2 0

JavaScript阻止冒泡和取消默认事件(默认行为)

防止冒泡和捕获 w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble = true stopPropagation也是事件对象(Event)的一个方法，用是阻止目标元素的冒泡事件...什么是冒泡事件？如在一个按钮是绑定一个”click”事件，那么”click”事件会依次在它的父级元素中被触发。 stopPropagation就是阻止目标元素的事件冒泡到父级元素。...> var a = document.getElementById("testB"); a.onclick = function(){ return false; }; 下面这个是使用jQuery，既阻止默认行为又停止冒泡...event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等； event对象只在事件发生的过程中才有效。...在IE/Opera中是window.event，在Firefox中是event；而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera

7.8K3 0

JS实现图片弹窗效果

-- 图片缩略图，点击图片触发点击事件，以触发弹窗 --> onclick();">点击查看微信公众号二维码 $(function () { //页面加载完完成后，自动触发点击事件创造弹窗 SetImage();...document.getElementById("myImg").onclick(); //触发一次点击事件 }); ...openImage() { //注册原图片点击事件 modal.style.display = "block"; //此元素将显示为块级元素，此元素前后会带有换行符。...源码： $(function () { //页面加载完完成后，自动触发点击事件创造弹窗 //必须先新建弹窗对象，不然无法实现点击链接触发弹窗事件 SetImage(); //获取弹窗

29K3 0

WEB入门之十四 jQuery事件

1.9K1 0

阻止a标签的默认事件及延伸

="http://www.baidu.com" >onclick="fc1()">我是带阻止默认事件的a链接 href="javascript:...看如下实例： (1)把单击事件处理程序注册到一个锚元素，而不是一个外层的上，那么就要面对另外一个问题：当用户单击链接时，浏览器会加载一个新页面。...(2)当用户在编辑完表单后按下回车键时，会触发表单的submit事件，在此事件发生后，表单提交才会真正发生。这种行为与我们讨论的事件处理程序不是同一个概念，它是单击标签元素的默认操作。...如果我们不希望执行这种默认操作，那么在事件对象上调用.stopPropagation()方法也无济于事，因为默认操作不是在正常的事件传播流中发生的。...1 //jQuery，既阻止默认行为又停止冒泡 2 $("#testA").on('click',function(){ 3 return false;//当然也阻止了事件本身 4 }); 总结使用方法

3.2K6 0

JS DOM学习笔记

元素的onload事件是元素自己加载完毕时触发，body onload才是全部加载完成。...(鼠标按键释放）、oncontextmenu(在浏览器中单击鼠标右键显示‘右键菜单’时触发） 9、window.location对象： window.location.href = "*.html";...，在IE中使用srcElement; 在FireFox里使用target 使用Dom获取和更改网页标签元素内文本，在IE中使用innerText; 在FireFox里使用textContent 动态为网页或元素绑定事件...，在IE中绑定事件的方法是attachEvent；在FireFox中绑定事件的方法是addEventListener jQuery之类的框架进行了封装，解决了不同浏览器上Dom的不同 14、jQuery...的ready和Dom的onload的区别：window.onload只能注册一次，是在所有的Dom元素创建完毕、图片、CSS都加载完毕后才被触发；而jQuery的ready则是在Dom元素创建完毕后被触发

5.3K4 0

WEB入门之十四 jQuery事件

1.8K1 0

WEB开发面面谈之（5）——写JS时必须注意的的一些问题

获取body元素非标准做法 document.body W3C规范方法 document.getElementsByTagName('body').item(0) 使用jQuery/Zepto $(...问题:逻辑复杂，事件绑定逻辑混乱，在某些浏览器上onload和onreadystatechange都会触发，需要另外加标记位判断，逻辑复杂。...这对最终用户不友好运行代码的上下文是window对象，和事件处理模型相违背写法2: href="#" onclick="func();">test 问题: 不符合CSP规范 onclick...如defer/async属性使用script.onerror来监听脚本执行失败的情况（语法错误，初始化运行时错误等都会触发）监听script的完成事件比较复杂。...不要轻易在Object/Array/Function等对象上追加prototype（虽然我们已有某些库这么做了）容易产生歧义冲突，在使用for～in遍历时很容易引发问题。

2.3K6 0

01-老马jQuery教程-jQuery入口函数及选择器

因此一般项目来说，使用1.x版本就可以了，最好版本在1.7.2 以上。...install jquery 2.入口函数介绍 2.1window.onload事件的问题在之前DOM课中咱们已经说过用window的onload事件作为JS代码的入口，时机并不好。...因为window.onload事件是在页面的图片、第三方脚本、样式等都下载和加载完成后才会触发。而我们希望是页面的HTML的文档树对象可进行交互就立即绑定DOM的事件和做一些初始化工作。...这里简单说一点： jQuery包装对象本身是一个伪数组，选择器返回的所有的DOM元素都会存在jQuery的包装对象中，并且还有很多其他的jQuery特有的api。...可以通过原型上的click方法进行绑定点击事件。

3.2K10 0

【前端】详解JavaScript事件代理（事件委托）

所以在了解事件代理之前，我们需要知道什么是事件冒泡（Event Bubbling）。当一个事件在DOM元素上触发时，它会首先在该元素上触发，然后逐级向上传播到文档的根元素。这个过程就是事件冒泡。...事件传播分成三个阶段：捕获阶段：从window对象传导到目标节点（上层传到底层）称为“捕获阶段”（capture phase），捕获阶段不会响应任何事件；目标阶段：在目标节点上触发，称为“目标阶段”...事件代理即是利用事件冒泡的机制把里层所需要响应的事件绑定到外层；事件代理利用了事件冒泡的原理。通过在父元素上设置监听器，可以捕获到在其子元素上触发的事件。...因为事件会从子元素冒泡到父元素，所以父元素上的监听器可以处理这些事件。优点减少内存消耗：不需要为每个子元素分别添加事件监听器。提高性能：特别是在动态生成的元素上，不需要为新元素重新绑定事件。...事件委托链：避免在多个元素上设置相同类型的事件代理，这可能导致事件处理逻辑混乱。事件对象：正确使用 event.target 或 event.currentTarget 来区分事件的来源。

1.7K1 0

Web阶段：第五章：JQuery库

3.JQuery流行程度 jQuery现在已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。...前执行他们分别是在什么时候触发？...//给元素绑定事件 //jquery对象.事件方法(回调函数(){ 触发事件执行的代码 }).事件方法(回调函数(){ 触发事件执行的代码 }).事件方法(回调函数...事件的冒泡是指，父子元素同时监听同一个事件。当触发子元素的事件的时候，同一个事件也被传递到了父元素的事件里去响应。那么如何阻止事件冒泡呢？...我们重点关心的是怎么拿到这个javascript的事件对象。以及使用。如何获取呢javascript事件对象呢？

28.8K2 0

从零开始学 Web 之 HTML5（四）拖拽接口，Web存储，自定义播放器

目标拖拽事件： ondragenter：应用于目标元素，当拖拽元素进入时调用； ondragover：应用于目标元素，当停留在目标元素上时调用； ondrop：应用于目标元素，当在目标元素上松开鼠标时调用...2、浏览器默认会阻止目标元素的 ondrop 事件：我们必须在目标元素的 ondragover 中阻止浏览器的默认行为（使用事件参数对象的 preventDefault()方法），才能将拖拽的元素放到目标元素中...遗留问题：如果有多个 div，那么每个 div 都必须写 ondragover 和 ondrop 事件触发的处理函数，也就是只能拖拽指定的元素到指定的元素中，这样代码的可用性就很低了。...，但是一般少使用全局变量，全局变量谁都可以修改，容易误操作。在事件参数对象中有一个 dataTransfer 属性，通过 dataTransfer 来实现数据的存储与获取。...注意：jQuery中没有提供对视频播放控件的方式，所以如果使用jQuery操作元素，必须将其转为原生 js 的方式来调用这些方法。

1.9K2 0

01-老马jQuery教程-jQuery入口函数及选择器

因此一般项目来说，使用1.x版本就可以了，最好版本在1.7.2 以上。...下载地址：http://jquery.com/download/ 同一版本分类 jQuery每一个版本又分为压缩版和未压缩版： jquery.js：未压缩版本（开发版本），代码可读性高，推荐在开发和学习阶段使用...download/ npm方式安装npm install jquery bower方式安装bower install jquery 2.入口函数介绍 2.1window.onload事件的问题在之前...因为window.onload事件是在页面的图片、第三方脚本、样式等都下载和加载完成后才会触发。而我们希望是页面的HTML的文档树对象可进行交互就立即绑定DOM的事件和做一些初始化工作。...可以通过原型上的click方法进行绑定点击事件。

3K0 0

现代前端技术解析：现代前端交互框架

高效实用jQuery：尽可能使用id选择器进行DOM查询操作；缓存一切需要复用的jQuery DOM对象，使用find()子查询；不要滥用jQuery，尽可能使用原生代码代替；尽可能使用jQuery...的静态方法；使用事件代理，不要直接使用元素的事件绑定；尽量使用新的jQuery版本；尽可能使用链式写法来提高编程效率和代码运行效率随着AJAX技术盛行，SPA（Single Page Application...前端MVP模式 MVP（Model-View-Presenter）和MVC区别在于：用户在进行DOM修改操作时将通过View上的行为触发，然后将修改通知给Presenter来完成后面的Model修改和其他...数据变更检测：方式原理说明手动触发绑定通过在数据对象上定义get()、set()方法（函数中包含View层的渲染），手动触发需要主动调用重新扫描HTML页面上的所有节点的方法脏检测机制 ViewModel...对象和数组新增成员需要手动调用 ES6 Proxy 在现有对象基础上重新定义一个对象，并重新定义对象原型上的方法，包括get()和set()。

1.4K3 0

2016.06 第三周群问题分享

autoplay属性在iOS及Android上无法使用，在PC端能够正常使用； 2.audio元素没有设置controls时，在iOS及Android会占据空间大小，而在PC端Chrome浏览器是不会占据任何空间...移动端有哪些touch事件 2016.06.20~2016.06.24 核心内容 touch事件参考答案当用户手指放在移动设备的屏幕上滑动会触发的touch事件；以下支持webkit内核的浏览器...TouchEvent说明： touches：屏幕上所有手指的信息 targetTouches：手指在目标区域的手指信息 changedTouches：最近一次触发该事件的手指信息 touchend时，touches...target：当前元素事件响应顺序 ontouchstart > ontouchmove > ontouchend > onclick 以下支持winphone 8 MSPointerDown——当手指触碰屏幕时候发生...通常我们再滑屏页面，会调用css的html{-ms-touch-action: none;}可以阻止默认情况的发生：阻止页面滚动 MSPointerUp——当手指离开屏幕时触发如何用jQuery实现两个

1.3K9 0

点击加载更多

jQuery 基本语法

jquery学习

测试开发进阶(十四)

EasyUI学习笔记

JavaScript停止冒泡和阻止浏览器默认行为

JavaScript阻止冒泡和取消默认事件(默认行为)

JS实现图片弹窗效果

WEB入门之十四 jQuery事件

最新jquery+easyui_api培训文档

阻止a标签的默认事件及延伸

JS DOM学习笔记

WEB入门之十四 jQuery事件

WEB开发面面谈之（5）——写JS时必须注意的的一些问题

01-老马jQuery教程-jQuery入口函数及选择器

【前端】详解JavaScript事件代理（事件委托）

Web阶段：第五章：JQuery库

从零开始学 Web 之 HTML5（四）拖拽接口，Web存储，自定义播放器

01-老马jQuery教程-jQuery入口函数及选择器

现代前端技术解析：现代前端交互框架

2016.06 第三周群问题分享

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐