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

c34fc84c614e0dfc52edffd0feb0becb.png

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

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

682109da9864a5b06368f4f95e9b888d.png

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

87408cb1747f797a232e235cf6ae193f.png

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

54fab8f2d0c58178b4753422a1dc1fdf.png

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

ee7a4e53da2fe8710e4a38478acd9ad7.png

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

f2c6a21ae7d15d05964c3382b577cca2.png

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

7d7a116892fcc54b23bf5cf66ce126cb.png

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

76a2ec4a1f0dbbcfd578649daae33ef7.png相关免费学习推荐:JavaScript(视频)

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐