jQuery如何获取和设置元素属性?代码怎么写?通过val方法来获取value属性和设置value属性,使用prop方法设置标签的其它属性也可以。
获取和设置元素属性学习目标:掌握获取和设置元素属性的操作
1. prop方法如何使用?
之前使用css方法可以给标签设置样式属性,那么设置标签的其它属性可以使用prop方法了。
示例代码:
<style> .a01{ color:red; }</style><script> $(function(){ var $a = $("#link01"); var $input = $('#input01') // 获取元素属性 var sId = $a.prop("id"); alert(sId); // 设置元素属性 $a.prop({"href":"http://www.baidu.com","title":'这是去到百度的链接',"class":"a01"}); // 获取value属性 // var sValue = $input.prop("value"); // alert(sValue); // 获取value属性使用val()方法的简写方式 var sValue = $input.val(); alert(sValue); // 设置value值 $input.val("222222"); })</script><a id="link01">这是一个链接</a><input type="text" id="input01" value="111111">说明: 获取value属性和设置value属性还可以通过val方法来完成。
获取和设置元素属性小结:获取和设置元素属性的操作可以通过prop方法来完成;获取和设置元素的value属性可以通过val方法来完成,更加简单和方便。

微信扫码关注公众号
获取更多考试热门资料