作者：wasw100
网址：http://www.wasw100.com/html_js_css/jquery_attr_val.html
$(this).attr(key); 获取节点属性名的值，相当于getAttribute(key)方法
$(this).attr(key, value); 设置节点属性的值，相当于setAttribute(key,value)方法
$(this).val();获取某个元素节点的value值，相当于$(this).attr("value");
$(this).val(value);设置某个元素节点的value值，相当于$(this).attr("value",value);
jquery例子：
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery attr属性</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#iButton").click(function(){
alert($(this).attr("test")); //获取test的属性
$(this).attr("test","abc");//设置test的属性为abc
alert($(this).attr("test"));
});
});
</script>
</head>
<body>
<input id="iButton" type="button" test="123" value="按钮" />
</body>
</html>
对应的javascript dom代码为：
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>attribute属性</title>
<script type="text/javascript">
function attrTest(){
alert(document.getElementById("iButton").getAttribute("test"));
document.getElementById("iButton").setAttribute("test","abc");
alert(document.getElementById("iButton").getAttribute("test"));
}
</script>
</head>
<body>
<input id="iButton" type="button" test="123" value="按钮" onclick="attrTest();" />
</body>
</html>
--EOF--
分享到：
相关推荐
testJquery(buttonId, inputVal); }); ``` 在上述代码中，`testJquery`是自定义的一个函数，它接收按钮ID和输入值作为参数，可以根据业务需求进行相应的处理。这只是一个基本示例，实际应用中可能会包含更复杂的...
在jQuery库中，`.attr()`和`.val()`都是用于获取或设置HTML元素属性的方法，但它们有着明显的区别和各自的适用场景。以下是对这两个方法的详细解释： **.attr(attributeName)** `.attr()`方法主要用于获取或设置...
在jQuery中，`attr()`, `prop()`, 和 `val()` 都是用来获取或设置HTML元素属性的方法，但在处理特定属性如"value"时，它们之间存在微妙的差异。这篇文章将详细探讨这三种方法在获取input元素value值时的不同之处。 ...
通过jQuery提供的val()方法和attr()方法，我们可以轻松获取或设置input元素的值。 首先，要获取表单中input元素的值，最常用的方法是使用jQuery的val()方法。当使用 $("#id") 选择器选中了一个元素后，可以使用 ....
背景： 在清空input file标签选中值时，分别用了以下方法，发现有的对有的错： 【√】$(“#file”)[0].value = “”; 【√】$(“#file”)[0].value = null;... 查阅stackoverflow《jQuery .val() vs .attr(“value
### jQuery操作attr和prop jQuery的attr和prop方法都是用来操作元素属性的，但它们有各自不同的使用场景和特性。在jQuery 1.6之后，对于一些布尔型属性如checked、selected、disabled等，推荐使用prop方法而不是...
jQuery提供了多种方法来获取和设置表单元素的值，其中最常见的两种方法是`val()`和`attr("value")`。这两种方法在大多数情况下看似效果相同，但在某些特定场景下却存在细微的差别，尤其是在不同的浏览器环境中。本文...
`$(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 ...
在jQuery库中，`attr()`和`val()`都是用于处理元素属性的重要方法，但它们有着不同的用法和适用场景。了解这两个方法的区别对于编写高效、准确的jQuery代码至关重要。 `attr()`方法主要用于获取或设置HTML元素的...
jQuery 提供了一套完整的DOM操作API，包括`append()`, `prepend()`, `before()`, `after()`, `html()`, `text()`, `val()`等方法，可以方便地进行元素的插入、删除和修改。 ### 4. 事件处理 jQuery 的事件处理方式...
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代码/文本/值 ...
**注意：** `.val()` 方法是用来获取或设置表单元素的值的，而 `.attr("value")` 是用来获取`value`属性的值。通常情况下，两者的效果是相同的，但在某些场景下，`.val()` 更加直观和常用。 ##### 2. 获取文本域（`...
2. DOM操作：通过`$()`函数可以创建jQuery对象，然后使用`.html()`, `.text()`, `.attr()`, `.val()`等方法来读取或修改元素的内容、属性和值。 3. 链式操作：jQuery的方法返回的都是jQuery对象，因此可以进行链式...
2. **属性操作（Attribute Manipulation）**：`.attr()`用于获取或设置元素属性，`.data()`则处理数据相关的属性。 3. **内容操作（Content Manipulation）**：`.html()`, `.text()`, `.val()`分别用于获取或设置...
5. **[attr$=val]**: 选取属性attr以val结尾的所有元素。 6. **[attr*=val]**: 选取属性attr包含val的所有元素。 7. **[selector1][selector2]**: 选取同时满足两个选择器条件的所有元素。 #### 可用性过滤选择器 ...
此外，还可以通过`height()`, `html()`, `val()`, `attr()`等方法来修改这些属性的值，实现动态网页的效果。 ### 总结 jQuery以其简洁的语法和强大的功能，在前端开发中占据着重要地位。通过上述对取值、赋值、...