jquery中的prop()方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQuery</title>
<meta name="author" content="pan_junbiao的博客">
</head>
<body>
<input type="checkbox" name="checkItem1" value="11"/>prop方法
<input type="checkbox" name="checkItem2" value="22"/>attr方法
<button>勾选</button>
<div class="test"><p>prop方法获取节点及自身</p></div>
</body>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
/*
访问对象的属性、新增属性、设置属性值：使用attr、prop
推荐使用prop()的情况:
1、只添加属性名称该属性就会生效应该使用 prop() ；
2、只存在 true/false 的属性应该使用 prop() ；
按照官方说明，如果是设置 disabled 和 checked 这些属性，应使用 prop() 方法，而不是使用 attr() 方法。
使用 attr() 方法会存在浏览器的兼容问题。
*/
$("[name=checkItem1]:checkbox").prop("checked",true);
$("[name=checkItem2]:checkbox").attr("checked",true);
});
// prop方法获取当前节点下的html包含当前节点
// html方法获取当前节点下的html
let testNode = $(".test").prop("outerHTML");
console.log(testNode,'testNode');
let testHtmlNode = $(".test").html();
console.log(testHtmlNode,"testHtmlNode");
});
</script>
</html>
prop()、attr()区别
prop()、html()区别
