首页 > 软件开发 > JQUERY >

jquery添加属性的方法

来源:互联网 2023-03-17 00:47:27 499

在做前端页面开发时,我们会使用jquery来操作页面逻辑的,如果你想为某个元素添加一个属性,使用jquery怎么操作?下面我们来看一下。vfu办公区 - 实用经验教程分享!

方法/步骤

  • 1

    我们在html里添加一个div,该div只有class属性。

    vfu办公区 - 实用经验教程分享!

    vfu办公区 - 实用经验教程分享!

    jquery添加属性的方法vfu办公区 - 实用经验教程分享!

  • 2

    然后添加一个按钮,用来触发添加属性的事件。

    vfu办公区 - 实用经验教程分享!

    vfu办公区 - 实用经验教程分享!

    jquery添加属性的方法vfu办公区 - 实用经验教程分享!

  • 3

    接着在陕诉html里引入jquery脚本。vfu办公区 - 实用经验教程分享!

    jquery添加属性的方法vfu办公区 - 实用经验教程分享!

  • 4

    然后在script里添加一个function,按钮事件的函数。vfu办公区 - 实用经验教程分享!

    函数很简单,使蕉轿用jquery的 attr方法来设置属性就行了,参数第一个是要添加的属性名,第二个就是属性的值。这里我们为div添加一个id属性。

    vfu办公区 - 实用经验教程分享!

    vfu办公区 - 实用经验教程分享!

    jquery添加属性的方法vfu办公区 - 实用经验教程分享!

  • 5

    运行页面后,从页面源代码里看,这个div现在是没有id属性的。斤边薪

    vfu办公区 - 实用经验教程分享!

    vfu办公区 - 实用经验教程分享!

    jquery添加属性的方法vfu办公区 - 实用经验教程分享!

  • 6

    点击页面上的按钮,触发事件,为div添加id属性。

    vfu办公区 - 实用经验教程分享!

    vfu办公区 - 实用经验教程分享!

    jquery添加属性的方法vfu办公区 - 实用经验教程分享!

  • 7

    点击后,再看一下源代码,可以看到已经成功为div添加了一个id属性了。vfu办公区 - 实用经验教程分享!

    jquery添加属性的方法vfu办公区 - 实用经验教程分享!

  • 7相关内容非法爬取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!vfu办公区 - 实用经验教程分享!


    标签: JQUERYHTMLCSS

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