jQuery基础之获取和设置标签元素属性方法,如下图:
代码实现:
<script src="JS/jquery-1.12.4.min.js"></script>
<script>
// 获取元素属性函数
$(function(){
// 通过prop(属性名)方法,获取标签元素的属性值
var $div = $('#div1 #int1');
console.log($div.prop('id'))
// 通过prop()方法获取value的值
var result = $div.prop('value')
console.log(result,typeof(result))
// 通过val()方法获取value的值
result = $div.val()
console.log(result,typeof(result))
// 以上两种方式获取的值和类型都完全相同
});
// 设置元素属性值
$(function(){
var $div = $('#div1 #int1');
// 通过val()方法设置元素属性值
$div.val('222222222');
// 通过prop()方法设置元素属性值
// 当使用prop()方法设置元素属性值时,如果原属性存在则会覆盖掉原属性及原属性值
$div.prop({'value':'333333'});
// 当使用prop()方法设置元素属性值时,如果原属性不存在,则会追加上设置的属性及属性这
$div.prop({'class':'inp1','name':'my_inp'})
});
</script>
<body>
<div id="div1">
<input type="text" id="int1" value="11111">
</div>
</body>