作者: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以其简洁的语法和强大的功能,在前端开发中占据着重要地位。通过上述对取值、赋值、...