本篇内容主要讲解“jquery中怎么给一个元素设置点击事件”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery中怎么给一个元素设置点击事件”吧!
jquery中可以给元素设置点击事件。设置方法:1、利用“$("元素")”获取指定的元素对象;2、利用click()方法设置点击事件即可,语法为“元素对象.click(function(){...})”。
本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。
在jquery中可以给一个元素设置点击事件
设置方法如下:
1、获取指定的元素对象
语法为:
$("selector")
2、给获取到的元素对象添加点击事件
当单击元素时,发生 click 事件。
click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。
语法
触发被选元素的 click 事件:
$(selector).click()
添加函数到 click 事件:
$(selector).click(function)
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p").click(function(){ alert("段落被点击了。"); }); }); </script> </head> <body> <p>点击这个段落。</p> </body> </html>
输出结果:
点击这个段落之后:
到此,相信大家对“jquery中怎么给一个元素设置点击事件”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。