jquery中attr方法和val方法的区别

来源：互联网发布：淘宝图片主图尺寸编辑：程序博客网时间：2024/04/28 01:59

这几天一直在看jquery,感觉attr方法和val方法没有什么区别，经过试验，有点明白了这两个方法的区别！分享一下，如果理解错误，请大家指正！

以下是源码：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
var s1=$('#p1').val();
alert(s1);
});

$("#btn2").click(function(){
var s2=$('#p1').attr("value");
alert(s2);
});

$("#btn3").click(function(){
var s3=$('#i_eg').val();
alert(s3);
});

$("#btn4").click(function(){
var s4=$('#i_eg').attr("value");
alert(s4);
});

});
</script>
</head>
<body>

<div>
<input id="i_eg" value="1" type="text"></input></br>
<p id="p1" value="我是段落">我是段落!</title></br>
<button id="btn1">用val方法获取p的value属性值</button></br>
<button id="btn2">用attr方法获取p的value属性值</button></br>
<button id="btn3">用val方法获取input的value属性值</button></br>
<button id="btn4">用attr方法获取input的value属性值</button></br>
</div>

</body>
</html>

我是直接在W3C的网站上的试验上做的：

界面是这样的：

点击第一个按钮，效果：

点击第二个按钮,效果：

点击第三个按钮，效果：

点击第四个按钮，效果：

结论：通过val（）方法获取属性中value的值时，只能获取到<input>标签的，其他的如:<p>、<title>标签是不能获取到的。（本人只试过这两个标签，有点以偏概全！还请指正）

但是通过jquery中的attr（）方法是都可以获取到属性value的值的！

0 0