<!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
今日推荐
周排行