jquery如何判断是否点击按钮

coldplay.xixi
Freigeben: 2020-11-16 15:38:14
Original
4622 Leute haben es durchsucht

jquery判断是否点击按钮的方法:首先创建文件,并使用button标签创建三个按钮;然后通过【$(this)】获得当前点击的按钮对象;最后使用【attr()】方法获得点击按钮的id,从而实现判断哪个按钮点击了。

jquery如何判断是否点击按钮

推荐:《jquery视频教程

jquery判断是否点击按钮的方法:

1、新建一个html文件,命名为test.html,用于讲解jquery如何判断哪个按钮点击了。

5bd07d27db408dbb8cc56da8d61782b.png

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

2af20a785fe9fff2d9905aa3c9b7a41.png

3、在test.html文件内,在p标签内,使用button标签创建三个按钮,按钮名称分别是“按钮1”,“按钮2”,“按钮3”,并且设置三个button按钮的class属性为btn。

98e2d03f4c52c4d59b59229ddefd149.png

4、在test.html文件内,分别设置button标签的id属性为btn1,btn2,btn3 ,主要用于下面通过jquery获得该id,实现判断那个按钮被点击了。

33587da7736d66a8fff04c0716e4117.png

5、在test.html文件内,编写标签,页面的js逻辑代码将写在该标签内。

1d3c0e13b62b51b9b1c8060eb768822.png

6、在js标签内,通过ready()方法在页面打开时,使用$符号通过类名btn获得button对象,再使用bind()方法给每个button按钮绑定click点击事件,在按钮被点击时,通过$(this)获得当前点击的按钮对象,使用attr()方法获得点击按钮的id,将id使用alert()方法输出来,从而实现判断哪个按钮点击了。

b2b8a3e76a3f2298ab3ac09d0ecd5e8.png

7、在浏览器打开test.html文件,点击按钮,查看判断的结果。

a82d809ce31910e2ce22d739093dcb6.png

相关免费学习推荐:JavaScript(视频)

Das obige ist der detaillierte Inhalt vonjquery如何判断是否点击按钮. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!