首页 > 软件开发 > JQUERY >

JQuery中如何获取某个元素的属性

来源:互联网 2023-03-17 00:47:31 234

在做页面开发时,我们可以使用jquery来操作,这样比使用原生js脚本会方便很多的。下面我们来看一下如何获取某个元素的属性的。

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

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

方法/步骤

  • 1

    既然要使用jquery来操作,我们就要先引入对应的脚本文件了。

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

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

    JQuery中如何获取某个元素的属性UWx办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    接着在html里创建一个div,div设置二个属性,name和jy二个属性,值分别为「百度经验」,「百度知道」。

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

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

    JQuery中如何获取某个元素的属性UWx办公区 - 实用经验教程分享!

  • 3

    我们运行页面,直接在浏览器的控制台上操作。

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

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

    JQuery中如何获取某个元素的属性UWx办公区 - 实用经验教程分享!

  • 4

    在控制台里,我们输入获取属性的代码,使用$("#div_attr")获得对应的元素,然后调用它的attr方法,传入name参数,就可以获得对应的name属性了。

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

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

    JQuery中如何获取某个元素的属性UWx办公区 - 实用经验教程分享!

  • 5

    按回车后,可以看到正确获取到name属性的值了。

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

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

    JQuery中如何获取某个元素的属性UWx办公区 - 实用经验教程分享!

  • 6

    name属性是元素的已知属性,而在div里有一个我们自定义的属性,jy属性。要获取这个属性的值,使用的方法也是一样的,只不过是把方法里的参数name改成jy就行了。

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

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

    JQuery中如何获取某个元素的属性UWx办公区 - 实用经验教程分享!

  • 7

    同样是按回车键,可以得到jy的属性值了。

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

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

    JQuery中如何获取某个元素的属性UWx办公区 - 实用经验教程分享!

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


    标签: HTMLJQUERYCSS

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