Jquery $(this).attr和$(this).val用法示例

时间:2022-03-17 15:07:52

以下是个人心得整理,有兴趣朋友可以参考参考

$(this).attr(key);  获取节点属性名为key的值,相当于getAttribute(key)方法

$(this).attr(key,value);  设置节点属性名为key的值,相当于setAttribute(key,value)方法

示例:

<input class="radio" name="orgType" id="dept">

var dept = $("#dept").attr("id");  //获得属性名为id的值:dept

---------------------------------------------------------------

$(this).val();  获取某个元素节点的value属性的值,相当于$(this).attr("value"),value即是节点的属性名

$(this).val(value);   设置某个元素节点的value属性的值,相当于$(this).attr("value", value),后面value是要设置的值

示例:

<input value="1" id="dept">

var value = $("#dept").val();  //获得元素节点value的值:1

var value = $("#dept").val("0");  //设置元素节点value的值:0

个人总结:

.attr()括号里面要指定取哪个属性的值,取值、赋值可以分别和getAttribute、setAttribute一同记忆;

而.val()已经指定是value属性,也就相当于在.attr()基础上进一步指定了value属性,取值赋值(value属性值)方式也就相对.attr()简单了