php改变标签属性值,怎么用jquery更改标签属性值

用jquery更改标签属性值的方法:首先在文件中使用p标签创建测试的文字,并添加id属性;然后给button按钮绑定onclick点击事件;最后使用【attr()】方法修改id的属性值。

da8b5b9584537e2a13d22869dce8b2d8.png

本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。

用jquery更改标签属性值的方法:

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

2b335ae9701d7eef9caa27b9efe2fc5b.png

2、在test.html文件内,使用p标签创建一行测试的文字,代码如下:

bdf5e90688667f9f47fc9c3938a5e0cb.png

3、在test.html文件内,给p标签添加一个id属性,属性值为mytest,下面将使用jquery方法修改该属性。

75e4b13f772a8993d5b5de803cd5fea0.png

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

8698e1e7bd9ee4fb3f940865ebec1f1f.png

5、在js标签中,创建editid()函数,在函数内,通过元素名称获得p标签对象,使用attr()方法修改id的属性值,例如 ,修改为mynewtest。

f5397f0ddcdec43d75cc3c0c111cb628.png

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

8d8682ac51ee4f494c1878de1e98f7f0.png相关免费学习推荐:javascript(视频)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值