首页 > 软件开发 > JQUERY >

使用jquery如何为HTML元素设置属性

来源:互联网 2023-03-16 23:54:53 版权归原作者所有,如有侵权,请联系我们

jquery是一个js插件库,现在很多前端开发人员都是使用它来操作dom的。对于dom操作,jquery提供了很多方法,很方便的。8qd办公区 - 实用经验教程分享!

下面我们一起来看下jquery如何为HTML元素设置属性的。8qd办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先要用到jquery,我们的代码里必须先引入对应的脚本文件了。8qd办公区 - 实用经验教程分享!

    使用jquery如何为HTML元素设置属性8qd办公区 - 实用经验教程分享!

  • 2

    然后Html里有一个input输入框,和一个button按钮,代码如图8qd办公区 - 实用经验教程分享!

    使用jquery如何为HTML元素设置属性8qd办公区 - 实用经验教程分享!

  • 3

    添加js脚本代码,为按钮添加点击事件,点击后,添加逻辑,为input输入框设置一个disabled=true的属性,8qd办公区 - 实用经验教程分享!

    使用jquery如何为HTML元素设置属性8qd办公区 - 实用经验教程分享!

  • 4

    运行页面,看到现在的input输入框是可以选中,并输入值的,我们点击一下‘修改’按钮,8qd办公区 - 实用经验教程分享!

    使用jquery如何为HTML元素设置属性8qd办公区 - 实用经验教程分享!

  • 5

    点击后,输入框加入了disabled="disabled"的属性,从界面上也可以看到,输入框已经不可以选中了,更不可以输入值了。8qd办公区 - 实用经验教程分享!

    使用jquery如何为HTML元素设置属性8qd办公区 - 实用经验教程分享!

  • 5相关内容未经许可获取自百度经验
  • 6

    jquery除了可以修改一些已知的属性,比如disabled属性,也可以修改,添加一些自定义属性。8qd办公区 - 实用经验教程分享!

    修改js,添加一句代码:input.attr('my_attr', 'jingyan');8qd办公区 - 实用经验教程分享!

    这是为输入框添加一个my_attr的属性,并设置属性的值为"jingyan"。8qd办公区 - 实用经验教程分享!

    使用jquery如何为HTML元素设置属性8qd办公区 - 实用经验教程分享!

  • 7

    刷新页面,先在FireFox调试器下看下现在的html输入框是没有自定义属性的。如图8qd办公区 - 实用经验教程分享!

    (如果你不知道怎么使用FireFox的开发者工具(调试器工具),可以参考下面的链接)8qd办公区 - 实用经验教程分享!

    2JavaScript如何调试?8qd办公区 - 实用经验教程分享!

    使用jquery如何为HTML元素设置属性8qd办公区 - 实用经验教程分享!

  • 8

    点击修改按钮后,可以看到现在的输入框已经成功添加了disabled和my_attr属性了。8qd办公区 - 实用经验教程分享!

    使用jquery如何为HTML元素设置属性8qd办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!8qd办公区 - 实用经验教程分享!


    标签: HTMLJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号