.attr(attributeName)
attributeName:需要获取属性的名称。
获取匹配集中第一个元素的属性值。1.6中attr返回属性的值为undefined，如果没有设置（set）。另外，.attr不应该在普通对象、数组(array)、窗口(window)或者文档中（document)。如果需要获取或者设置DOM属性，则应该使用.prop()方法。
使用.attr方法获取元素属性的值有两个主要优点：
方便(Convenience):这个方法可以在JQuery对象上直接调用和串联别的JQuery的方法。
跨浏览器的一致性（Cross-browser consistency):有报告说一些属性值在跨浏览器时的不一致性，甚至在同一浏览器的不同版本上也有不一致性。.attr减少这种不一致性
.val()
获取匹配集中第一个元素当前的值。
.val()就去主要用来获取表单中元素的值，例如input， select 或者textarea。
不同
<input data-name="user" id="name" value="aaaa" />
?$('#name').val() ;/* 'aaaa'*/
$('#name').attr('data-name'); /*user*/
分享到：
相关推荐
在jQuery库中，`.attr()`和`.val()`都是用于获取或设置HTML元素属性的方法，但它们有着明显的区别和各自的适用场景。以下是对这两个方法的详细解释： **.attr(attributeName)** `.attr()`方法主要用于获取或设置...
testJquery(buttonId, inputVal); }); ``` 在上述代码中，`testJquery`是自定义的一个函数，它接收按钮ID和输入值作为参数，可以根据业务需求进行相应的处理。这只是一个基本示例，实际应用中可能会包含更复杂的...
在jQuery中，`attr()`, `prop()`, 和 `val()` 都是用来获取或设置HTML元素属性的方法，但在处理特定属性如"value"时，它们之间存在微妙的差异。这篇文章将详细探讨这三种方法在获取input元素value值时的不同之处。 ...
在JavaScript和jQuery的世界里，`val()` 和 `.attr()` 都是用于获取或设置元素属性的函数，但它们之间存在一些关键的区别。特别是在处理`<input type="file">`这样的文件选择器时，这些差异尤为明显。让我们深入探讨...
总结来说，本文介绍了jQuery中操作属性、值、文本和CSS类的常用方法，并解释了它们的使用场景和区别。attr和prop方法用于操作属性，val()、text()和html()用于操作值和内容，而class方法则用于操作样式类。通过实例...
这种方法与jQuery的val()方法相比，代码更加直观，但使用jQuery的val()方法代码更加简洁，且不需要担心元素的上下文问题。 在文章的最后部分，作者介绍了如何使用val()方法和attr()方法来设置input元素的值。使用$...
`$(this).attr()`和`$(this).val()`是两个常用的jQuery方法，用于处理DOM元素的属性（attributes）和值（values）。下面将详细介绍这两个方法的使用及其在实际开发中的应用。 一、`$(this).attr(key)` 和 `$(this)....
jQuery帮助文档 查询非常方便 jQuery 核心函数 jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector context ...
在实际应用中，`attr()`和`val()`经常结合其他jQuery方法一起使用，例如`change()`、`click()`等事件处理函数，或者与其他DOM操作如`append()`、`prepend()`等配合，实现动态页面更新和用户交互。 总结来说，`attr...
### jQuery选择器与过滤器深度解析 在前端开发领域，jQuery因其简洁的语法和强大的功能，长期以来备受开发者青睐。其中，选择器与过滤器作为jQuery的核心功能之一，为DOM操作提供了极大的灵活性和便利性。本文将对...
jQuery提供了多种方法来获取和设置表单元素的值，其中最常见的两种方法是`val()`和`attr("value")`。这两种方法在大多数情况下看似效果相同，但在某些特定场景下却存在细微的差别，尤其是在不同的浏览器环境中。本文...
4. **与其它库的兼容（Compatibility with Other Libraries）**：jQuery提供`.noConflict()`方法，解决与其他JavaScript库的命名冲突问题。 四、jQuery学习资源 1. **官方文档（Official Documentation）**：...
例如，`.data()`方法现在可以直接与DOM元素的数据属性进行交互，`.attr()`和`.prop()`的区分更加明确，分别用于获取或设置元素属性和DOM属性。 ### 8. jQuery API.chm 提供的`jQueryAPI-.chm`文件是jQuery的离线...
jQuery对象与DOM对象的转换是另一个重要概念。只有jQuery对象能使用jQuery定义的方法，如`.html()`, `.css()`, `.attr()`, 等。DOM对象可以通过`$()`包裹转换为jQuery对象，反之，若需使用DOM对象的方法，如`....
**注意：** `.val()` 方法是用来获取或设置表单元素的值的，而 `.attr("value")` 是用来获取`value`属性的值。通常情况下，两者的效果是相同的，但在某些场景下，`.val()` 更加直观和常用。 ##### 2. 获取文本域（`...
attr(name|pro|key,val|fn) removeAttr(name) prop(name|pro|key,val|fn)1.6+ removeProp(name)1.6+ CSS 类 addClass(class|fn) removeClass([class|fn]) toggleClass(class|fn[,sw]) HTML代码/文本/值 ...
2. DOM操作：通过`$()`函数可以创建jQuery对象，然后使用`.html()`, `.text()`, `.attr()`, `.val()`等方法来读取或修改元素的内容、属性和值。 3. 链式操作：jQuery的方法返回的都是jQuery对象，因此可以进行链式...