jQuery API之 .attr(attributeName)

.attr()这个API用于获取匹配的第一个元素的属性值
这一点很重要,如果返回的是一个伪数组,那也只获取第一个
只是获取值是第一个,但是如果是添加就可以同时添加多个了

括号里面的是字符串

$('a').attr('href')

这一段代码用于获取页面第一个a标签的href对应的值,如果href没有则返回undefined

$('img').attr('src','xxx')

这就是直接设置一个属性值

$('img').attr({
  'src': 'xxx',
  'name': 'yyy'
})

同时设置两个属性

$('div').attr('name','xxx')

这是给所有的匹配元素都添加了name=xxx属性值

$('div').each(function(){
  let $name =$(this).attr('name')
  console.log($name)
})

之前说了,使用.attr只能获取那个匹配的第一个属性值,但是如果用each()遍历就能获得所有的属性值,在这个过程中,this关键字始终指向元素div本身

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,943评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,282评论 19 139
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,293评论 0 2
  • 想写点东西,尽管是件小事,但是克服惰性的一件大事。 有那么几天,打开浏览器,凤凰、新浪能泡一天~自己也知道纯粹是在...
    简书不单阅读 1,319评论 0 0
  • Aio视频下载 作者:wind 可以说是全能视频下载,支持youtube、facebook、tumblr、twit...
    鸭梨山大哎阅读 13,769评论 0 11

友情链接更多精彩内容