<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--
1.获取属性
attr("属性名")
prop("属性名")
2.设置属性
attr("属性名","属性值")
prop("属性名","属性值")
3.移除属性
removeAttr("属性名")
操作元素的属性
属性分类：
固有属性：元素本身就有的属性（hrf name id class。。）
返回值是boolean的属性：checked selected disabled
自定义属性：用户自己定义的属性
区别：
1.如果是固有属性：attr()和prop()方法均可获取
2.如果是自定义属性：attr()可获取 prop()不可获取
3.如果是返回值为boolean的属性
若设置了属性：attr()返回具体的值 prop()返回true
若没有设置属性：attr()返回undefined prop()返回false
总结：如果属性的类型是boolean，则使用prop()方法，否则使用attr()方法
-->
</head>
<body>
<input type="checkbox" checked="checked" id="aa" abc="woqunima">
<input type="checkbox" id="bb">
<script src="./js/jquery-3.6.0.js"></script>
<script>
// 固有属性
const a=$("#aa").attr("id")
console.log(a)
const b=$("#bb").prop("id")
console.log(b)
// 元素设置了属性
const c=$("#aa").attr("checked")//checked
console.log(c)
const d=$("#aa").prop("checked")//true
console.log(d)
// 元素没有设置属性
const cc=$("#bb").attr("checked")//undefined
console.log(cc)
const dd=$("#bb").prop("checked")//false
console.log(dd)
// 自定义属性
const zidingyi=$("#aa").attr("abc")//会显示自定义属性值
const zidingyi2=$("#aa").prop("abc")//undefined
console.log(zidingyi)
console.log(zidingyi2)
// 设置属性
// 元素固有的属性 均可
$("#aa").attr("value","1")
$("#bb").prop("value","2")
// 返回值是boolean的属性
$("#bb").attr("checked","checked")
$("#bb").attr("checked",false)
// 自定义属性
$("#aa").attr("jab","11132")//可以添加
$("#bb").prop("jab","11132")//不可添加
// 删除属性
$("#aa").removeAttr("jab")
</script>
</body>
</html>
7.jquery.rar （18个子文件） 
7.jquery 
3.基础选择器.html 1KB 4.表单选择器.html 0B 10.遍历元素.html 1KB 7.操作元素的内容.html 2KB 6.操作元素的样式.html 2KB js 
jquery-3.6.0.js 282KB 笔记.md 9KB 9.删除元素.html 1KB 5.操作元素的属性.html 3KB 11.ready加载事件.html 1KB jq Ajax 2.$.get和$.post.html 802B $.ajax.html 2KB data.json 286B 1.使用.html 354B 8.创建元素和添加元素.html 3KB 2.jquery的使用.html 2KB 12.绑定事件.html 2KB express.js 265B资源评论
