这几天一直在看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的值的！
————————————————
版权声明：本文为CSDN博主「我们不动」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u013471947/article/details/44830125