Rumah > hujung hadapan web > tutorial js > 如何使用jQuery中click()方法

如何使用jQuery中click()方法

coldplay.xixi
Lepaskan: 2020-12-22 15:40:52
asal
4155 orang telah melayarinya

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学习教程

Atas ialah kandungan terperinci 如何使用jQuery中click()方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan