jquery怎么获取触发点击事件的元素

2022年8月4日 26点热度 0人点赞

在jquery中,通过获得元素对象,使用prop()方法通过tagName便可以获得触发点击事件的元素。下面小编举例讲解jquery怎么获取触发点击事件的元素。

工具/原料

  • html+jquery
  • 代码编辑器:Dreamweaver CS5

方法/步骤

  1. 1

    新建一个html文件,命名为test.html,用于讲解jquery怎么获取触发点击事件的元素。

  2. 2

    在test.html文件中,使用script标签加载jquery.min.js文件,成功加载该文件,才能使用jquery方法。

  3. 3

    在test.html文件中,使用p标签创建一行文字,用于下面测试。

  4. 4

    在test.html文件中,给p标签绑定onclick点击事件,当按钮被点击时,执行getname()函数,并把当前对象通过this传递给函数。

  5. 5

    在js标签中,创建getname()函数,在函数内,通过this获得p标签对象,使用prop()方法通过tagName获得当前点击的标签名称。

  6. 6

    在getname()函数内,使用alert()方法将获得的元素名称输出来。

  7. 7

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

    END

总结:

  1. 1

    1、创建一个test.html文件。

     

    2、在文件内,使用p标签创建一行内容,同时给p标签绑定onclick点击事件,当按钮被点击时,执行getname()函数。

     

    3、在js标签内,创建getname()函数,在函数内,通过this获得p标签对象,使用prop()方法通过tagName获得当前点击的标签名称

     

     

    END

注意事项

  • prop()方法获得的标签名称为大写。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论