<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>17-jQuery的prop方法</title>
<script src="JS_file/jquery-1.12.4.js"></script>
<script>
$(function () {
/*
* 1.prop方法
特点和attr方法一样
* 2.removeProp方法
特点和removeAttr方法一样
* */
// $("span").eq(0).prop("demo","it666");
// $("span").eq(1).prop("demo","Inj");
// console.log($("span").prop("demo"));;
// $("span").removeProp("demo");
/*
* 注意点：
prop方法不仅能操作属性，他还能操作属性节点
* */
// console.log($("span").prop("class"));
// console.log($("span").prop("class", "box"));
//官方推荐在操作属性节点的时候，具有true和false两个属性的属性节点，如checked，selected或者disabled
//使用prop()，其他使用attr()
console.log($("input").prop("checked")); //如果checked标签是checked状态，则显示true，否则是false
console.log($("input").attr("checked"));//如果checked标签是checked状态，则显示checked，否则是undefined
})
</script>
</head>
<body>
<span class="span1" name="it666"></span>
<span class="span2" name="Inj"></span>
<input type="checkbox" checked>
</body>
</html>17-jQuery的prop方法
猜你喜欢
转载自blog.csdn.net/yangyalun/article/details/82959280
今日推荐
周排行