• 技术文章 >web前端 >js教程

    jquery如何增加标签属性

    coldplay.xixicoldplay.xixi2020-11-19 16:51:22原创229

    jquery增加标签属性的方法:首先创建html标签元素;然后在js标签内,获得标签对象,使用【attr()】方法为标签对象添加属性。

    jquery增加标签属性的方法:

    1、新建一个html文件,命名为test.html,用于讲解jquery怎么给标签添加属性。

    c8d784fea04bdfc0c3532c75b2f88fd.png

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

    dc811e6e50d789a097de51aa5fe17a1.png

    3、在test.html文件内,使用p标签创建一行测试的文字。

    82a50eea4d5acc8ee74c6fc21eabf4e.png

    4、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行addsx()函数。

    140e608e31095673e3688ba283223e3.png

    5、在js标签中,创建addsx()函数,在函数内,通过元素名称获得p标签对象,使用attr()方法设置p标签的id为mypp。

    b0ed4384819676cd1426515d0346f60.png

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

    f3ed4bf656f866b0dbace425cff4c26.png

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

    以上就是jquery如何增加标签属性的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery 标签属性
    上一篇:jQueryEasyUI是啥? 下一篇:jquery如何获取元素标签
    第14期线上培训班

    相关文章推荐

    • 学习了解javascript中script的标签属性• 关于在使用vue.js标签属性中插入变量参数的方法(详细教程)• html文本域标签属性有哪些?html文本域标签属性用法介绍• input标签是什么?input标签属性有哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网