热点:

    jQuery获取元素ID方法

      [   原创  ]   作者:
    收藏文章 暂无评论

    前端开发中常需获取被点击元素的ID值,下面介绍如何使用jQuery轻松实现这一功能。

    1、 新建一个HTML页面,效果所示。

    2、 在HTML页面中添加一个按钮,并为其设置唯一的ID属性。

    3、 按钮代码如下:

    4、 如图:

    5、 需先引入 jQuery 最小化版本文件 jquery.min.js,再在页面中添加 script 标签,并将 type 属性设为 text/javascript。

    6、 代码:

    7、 如图:

    8、 通过`\$(this).attr(id)`获取当前点击元素的ID值。

    9、 代码:

    10、 获取当前被点击元素的ID属性值。

    11、 弹出提示框,显示当前点击元素的ID。

    12、 })

    13、 })

    14、 如图:

    15、 保存HTML文件后,用浏览器打开并点击按钮即可查看效果。

    16、 如图:

    17、 请将全部代码复制并保存为一个新的HTML文件,随后直接运行即可查看效果。需特别注意:示例中引用的jquery.min.js为本地文件,务必确认该JS文件路径与HTML文件中的引用路径一致,否则可能导致jQuery功能无法正常加载。

    18、 全部代码

    19、 使用jQuery获取元素ID的方法

    20、 获取当前被点击元素的ID属性值。

    21、 弹出提示框,显示当前点击元素的ID值。

    22、 })

    23、 })

    24、 点击此按钮,即可获取当前元素的唯一标识ID。

    25、 如图:

    soft.zol.com.cn true https://soft.zol.com.cn/1253/12535541.html report 982 前端开发中常需获取被点击元素的ID值,下面介绍如何使用jQuery轻松实现这一功能。 1、 新建一个HTML页面,效果所示。 2、 在HTML页面中添加一个按钮,并为其设置唯一的ID属性。 3、 按钮代码如下: 4、 如图: 5、 需先引入 jQuery 最小化版本文件 jquery.min.js,再在...
    不喜欢(0) 点个赞(0)
    随时随地资讯查报价 就上ZOL手机客户端,点击或扫描二维码下载
    立即下载

    ID Uneraser

    更新时间:2021年12月09日

    用户评分:0 | 0人点评

    软件类型:共享软件

    软件语言:英文

    ID Uneraser
    • 更新时间:2021年12月09日
    • 软件大小:1.2MB
    • 软件分类:备份还原
    • 语言种类:英文
    • 软件评级:有 0 人点评