jQuery基础之获取和设置标签元素属性

jQuery基础之获取和设置标签元素属性方法,如下图:

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>
上一篇:常用排序算法的总结以及编码(Java实现)


下一篇:[CTSC2014]企鹅QQ hash