`
wanng
  • 浏览: 68917 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery的attr val

阅读更多

作者: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--

 

分享到:
评论

相关推荐

    jquery get id val from callback

    testJquery(buttonId, inputVal); }); ``` 在上述代码中,`testJquery`是自定义的一个函数,它接收按钮ID和输入值作为参数,可以根据业务需求进行相应的处理。这只是一个基本示例,实际应用中可能会包含更复杂的...

    JQuery的attr 与val区别

    在jQuery库中,`.attr()`和`.val()`都是用于获取或设置HTML元素属性的方法,但它们有着明显的区别和各自的适用场景。以下是对这两个方法的详细解释: **.attr(attributeName)** `.attr()`方法主要用于获取或设置...

    详谈jQuery中使用attr(), prop(), val()获取value的异同

    在jQuery中,`attr()`, `prop()`, 和 `val()` 都是用来获取或设置HTML元素属性的方法,但在处理特定属性如"value"时,它们之间存在微妙的差异。这篇文章将详细探讨这三种方法在获取input元素value值时的不同之处。 ...

    jquery获取form表单input元素值的简单实例

    通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input元素的值。 首先,要获取表单中input元素的值,最常用的方法是使用jQuery的val()方法。当使用 $("#id") 选择器选中了一个元素后,可以使用 ....

    从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

    背景: 在清空input file标签选中值时,分别用了以下方法,发现有的对有的错: 【√】$(“#file”)[0].value = “”; 【√】$(“#file”)[0].value = null;... 查阅stackoverflow《jQuery .val() vs .attr(“value

    jQuery操作attr、prop、val()/text()/html()、class属性

    ### jQuery操作attr和prop jQuery的attr和prop方法都是用来操作元素属性的,但它们有各自不同的使用场景和特性。在jQuery 1.6之后,对于一些布尔型属性如checked、selected、disabled等,推荐使用prop方法而不是...

    jQuery对val和atrr("value")赋值的区别介绍

    jQuery提供了多种方法来获取和设置表单元素的值,其中最常见的两种方法是`val()`和`attr("value")`。这两种方法在大多数情况下看似效果相同,但在某些特定场景下却存在细微的差别,尤其是在不同的浏览器环境中。本文...

    jquery $(this).attr $(this).val方法使用介绍

    `$(this).attr()`和`$(this).val()`是两个常用的jQuery方法,用于处理DOM元素的属性(attributes)和值(values)。下面将详细介绍这两个方法的使用及其在实际开发中的应用。 一、`$(this).attr(key)` 和 `$(this)....

    jQuery帮助文档

    jQuery帮助文档 查询非常方便 jQuery 核心函数 jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector context ...

    jQuery中的attr()和val()之间的区别

    在jQuery库中,`attr()`和`val()`都是用于处理元素属性的重要方法,但它们有着不同的用法和适用场景。了解这两个方法的区别对于编写高效、准确的jQuery代码至关重要。 `attr()`方法主要用于获取或设置HTML元素的...

    jQuery1.4.1 小结

    jQuery 提供了一套完整的DOM操作API,包括`append()`, `prepend()`, `before()`, `after()`, `html()`, `text()`, `val()`等方法,可以方便地进行元素的插入、删除和修改。 ### 4. 事件处理 jQuery 的事件处理方式...

    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代码/文本/值 ...

    jquery获取表单值

    **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取`value`属性的值。通常情况下,两者的效果是相同的,但在某些场景下,`.val()` 更加直观和常用。 ##### 2. 获取文本域(`...

    jquery手册-jQuery1.3

    2. DOM操作:通过`$()`函数可以创建jQuery对象,然后使用`.html()`, `.text()`, `.attr()`, `.val()`等方法来读取或修改元素的内容、属性和值。 3. 链式操作:jQuery的方法返回的都是jQuery对象,因此可以进行链式...

    jquery资料--jquery学习资料

    2. **属性操作(Attribute Manipulation)**:`.attr()`用于获取或设置元素属性,`.data()`则处理数据相关的属性。 3. **内容操作(Content Manipulation)**:`.html()`, `.text()`, `.val()`分别用于获取或设置...

    jQuery选择器-过滤器总结

    5. **[attr$=val]**: 选取属性attr以val结尾的所有元素。 6. **[attr*=val]**: 选取属性attr包含val的所有元素。 7. **[selector1][selector2]**: 选取同时满足两个选择器条件的所有元素。 #### 可用性过滤选择器 ...

    jquery汇总

    此外,还可以通过`height()`, `html()`, `val()`, `attr()`等方法来修改这些属性的值,实现动态网页的效果。 ### 总结 jQuery以其简洁的语法和强大的功能,在前端开发中占据着重要地位。通过上述对取值、赋值、...

Global site tag (gtag.js) - Google Analytics