# jQuery attr 和 data 的赋值详解
在现代网页开发中，jQuery是一个常用的JavaScript库，它为我们简化了对DOM的操作。其中，`attr`和`data`是两个非常常用的方法，能够帮助开发者方便地对元素的属性和自定义数据进行操作。本文将深入探讨这两个方法的用法，并提供代码示例以供参考。
## jQuery的attr方法
`attr`方法用于获取或设置元素的属性。它
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。
1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined
转载
2023-08-15 18:19:47
65阅读
如果你使用jQuery类库，那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性，方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险主要的方法如下：.data( key, value )
.data( obj )
.data( key )
.data()从jQuery 1.4.3起， HTML 5 data- 属性 将自动被引用到jQuery的
转载
2023-08-11 14:32:47
78阅读
jQuery 常用属性操作有三种：prop() 、 attr() 、 data() 。 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 元素里面的 href ，比如 元素里面的 type。 注意：prop() 除了普通属性操作，更适合操作表单属性：disa
转载
2020-01-17 11:17:00
165阅读
2评论
jQuery中attr()和prop()在修改checked属性时的区别投稿：whsnow 字体：[增加 减小] 类型：转载 使用语句$.attr('checked',true)，将复选框的属性改为被选中，在chrome浏览器中第一次点击有效后面就不行了，IE8倒是没有问题 在做复选框全选按钮的时候，出现了一个问题，使用语句$.attr('checked',true)
转载
2023-07-04 12:31:41
119阅读
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考，具体如下：一、jQuery的attr()方法jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地
转载
2023-07-21 16:04:21
6361阅读
用html直接data-key来存放，key必须全部小写。 二避免在key中使用短横线
原创
2021-07-23 14:05:34
154阅读
用法一: $(选择器).
attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值.有这样一段html:<img src=“http://t.douban.com/lpic/s3791510.jpg” alt=“变形金刚海报” width=“500″ height=“300″ />那么你要获取到图片的地址该怎么办呢? 这样: $(”img”)
转载
2023-08-30 08:43:37
179阅读
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考，具体如下： 一、jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可
转载
2024-05-23 21:33:50
21阅读
1、jQuery中用attr()方法来获取和设置元素属性。attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。attr(属性名)；//获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回undefined）
attr(属性名, 属性值)；//设置属性的值
转载
2023-09-19 20:58:21
111阅读
jQuery学习笔记之.attr()
本文目标了解attr()的作用及其四种写法了解attr()的使用场景及注意事项学习资料官方描述文档：http://api.jquery.com/attr/官方描述Get the value of an attribute for the first element in the set of matched elements or set one or mor
转载
2023-07-04 12:30:32
144阅读
本文实例讲述了jQuery中attr()方法用法。分享给大家供大家参考。具体分析如下：此方法设置或返回匹配元素的属性值。 attr()方法根据参数的不同，功能也不同。语法结构一: 获取第一个匹配元素指定属性的属性值。代码如下:$(selector).attr(name)参数列表: 参数描述name定义要获取其值的属性名称。 实例代码: 代码如下:<!DOCTYPE htm
转载
2023-07-04 12:26:24
93阅读
1jQuery的属性与样式之.attr()与.removeAttr()每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在img元素中，src就是元素的特性，用来标记图片的地址。操作特性的DOM方法主要有3个，getAttribute方法、setAttribute方法和removeAttribute方法，就算如此在实际操作中还是会存在很多问题，这里先不说。而在j
转载
2023-07-04 12:34:46
91阅读
jquery attr()方法jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ）2. att
转载
2023-08-30 08:43:05
99阅读
attr方法可以获取或者设置属性节点的值。若传递一个参数：可获取属性节点的值；若传递两个参数：则设置属性节点的值。例如在下面的代码中：1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></titl
转载
2023-07-03 14:24:21
94阅读
属性操作JQuery中封装了一些HTML标签属性的操作，可以用来简化原生JS中对HTML标签的操作，对这些封装的方法进行分类的话，大致可以分为适用于一般属性的操作（通用的）和专门针对于类属性的操作，常用的共有下面的这些：通用属性操作attr：这种一般用于不是检查DOM状态的一些属性，比如src，CSS相关的一些属性等。JQuery对象.attr(“属性名称”, “值”): 当只有一个参数时获取属性
转载
2024-02-13 15:54:35
95阅读
一、概述某些情况下，attr() 与 prop()尽管在web编程都被翻译成“属性”，但是两者是有所区别的，否则也不会有attr()和prop()两个函数的出现。如果你有到官网查看，你可能会说，这**什么鬼，完全一头雾水。下面是在jQuery翻译文档中找到的还算“比较清楚”的描述：Attributes vs. Propertiesattributes和properties之间的差异在特定情况下是很
转载
2023-07-04 00:22:15
83阅读
cp from : jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefin
转载
2023-08-30 08:43:57
111阅读
原文地址：jquery attr()方法作者：陌上蜗牛在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先 ^^jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr(
转载
精选
2015-10-09 16:01:27
571阅读
$("img").attr({ src: "test.jpg", alt: "TestImage" }); //添加样式$("p").css({ color: "#ff0011",background: "blue" }); //修改样式
转载
2012-02-05 14:28:00
165阅读
2评论
