两者都可以获取元素的属性值，

1：input的value

var str = $("#tab").attr("value");
var str = $("#tab").val();

 上面获取ID为tab的value值，val() 方法在jquery任何版本都可以获取，但attr()方法在jquery1.9以后不支持这种写法，建议用val()

2：val()用来获取表单元素的值，例如：input， select 或者textarea等。attr可以获取任意元素的值。比如图片的src,title

$("img").attr("src");
$("img").attr("title");

3：attr不止获取值，还可以赋值。

$("#tab").attr("value",'你好');
$("img").attr("src","test.jpg");

 3：select选中

$("#category ").val(1); //选中value为1的select