<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery属性操作之html</title>
</head>
<body>
<div class="div1" con="c1"></div>
<input type="checkbox" checked="checked">是否可见
<input type="checkbox" value="333">是否可见222
<div id="id1">
<p>pppp</p>
</div>
<div value="456"></div>
<script src="/static/jquery.min.js"></script>
<script>
//console.log($('div').hasClass('div1'))//查看是否含有div
//console.log($('div').attr('con'))//取值
// console.log($('div').attr('con', 'c2'))//取值 重置
//console.log($(':checkbox:first').attr('checked'))//返回checked
// console.log($(':checkbox:last').attr('checked'))//返回undefined
//console.log($(':checkbox:first').prop('checked'))//返回true
// console.log($(':checkbox:last').prop('checked'))//返回false
// 关于属性操作,如果是固有属性尽量用prop,如果是自己定义的属性尽量用attr
//console.log($('#id1').html())//标签文本一起出
// console.log($('#id1').text())//文本
// console.log($('#id1').html('<h1>yuan</h1>'))//输出的是样式yuan
//console.log($('#id1').text('<h1>yuan</h1>'))//输出的是一个字符串
//console.log($(':checkbox:last').val())//操作固有属性
console.log($(':checkbox:last').val('789'))//操作固有属性
</script>
</body>
</html>
