首页 > web前端 > js教程 > 如何使用jQuery中click()方法

如何使用jQuery中click()方法

coldplay.xixi
发布: 2020-12-22 15:40:52
原创
4149 人浏览过

jQuery中click()方法的使用方法:首先通过id获得div元素对象,并给它绑定【click()】事件;然后在function方法内,通过【text()】方法获得div元素内容,同时使用【alert()】方法输出。

如何使用jQuery中click()方法

本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。

jQuery中click()方法的使用方法:

1、新建一个html文件,命名为test.html,用于讲解在jquery中click()方法有什么用处。

a2cf89895db2c2cf7176dfb7aa9e3c0.png

2、在test.html文件内,使用div标签创建一行测试的文字,用于测试。

e28751ed7bb38308fd677d50c147a97.png

3、在test.html文件内,给div标签添加一个id属性,用于下面获得div对象。

14dd8a9863731bb0cf998897660f05a.png

4、在js标签内,通过id获得div元素对象,并给它绑定click()事件,当div元素内容被点击时,执行function方法。

37fbc200a54d602bd46180201cafc2e.png

5、在function方法内,通过text()方法获得div元素内容,同时使用alert()方法输出。

2af04bba4f2fa17e6bba3e394dbb068.png

6、在浏览器打开test.html文件,点击div内容,查看结果。

aa53da13d22ce4b2cbb288875e0e481.png

相关学习推荐:javascript学习教程

以上是如何使用jQuery中click()方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板