知识点总结
1、属性
属性（如果你的选择器选出了多个对象，那么默认只会返回出第一个属性）、
attr(属性名|属性值)
- 一个参数是获取属性的值，两个参数是设置属性值
- 点击加载图片示例
removeAttr(属性名)
-删除属性的值
prop(属性名|属性值)
- 属性的返回值的是布尔类型
- 单选，反选，取消的例子
removeProp(属性名)
-删除属性的值
循环：each（两种循环示例）
- $.each(数组/对象, function(i, v){})
- $("div").each(function(){})
CSS类
- addClass 添加类属性
- removeClass 移除类属性
- toggleClass 开关|切换（有就移除，没有就添加）
灯泡的例子
HTML代码/文本/值
没有参数就是获取对应的值，
有参数就设置对应的值
- .html() 添加html标签 .html("<span>啦啦啦。</span>")
- .text() 添加文本 .text("啦啦啦。")
- .val()
input :一个参数,获取的是input框里面的值
checkbox :一个参数，获取的是value的值
select :
单选：获取值
多选：得到的是一个数组，设置的时候也要是数组
注意：
在1.x及2.x版本的jQuery中使用attr对checkbox进行复制操作时会出bug，在3.x版本的jQuery中则没有这个问题。为了兼容性，我们在处理checkbox和radio的时候尽量使用特定的prop()，不要使用attr("checked", "checked")。
<input type="checkbox" value="1">
<input type="radio" value="2">
<script>
$(":checkbox[value='1']").prop("checked", true);
$(":radio[value='2']").prop("checked", true);
</script>
示例：全选、反选、取消
一、属性操作
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性示例</title> </head> <body> <img src="Bootstrap_i1.png" alt=""> <table border="1"> <tbody> <tr> <td>1</td> <td>武侠</td> <td>销售部</td> </tr> <tr> <td>2</td> <td>哎哎呀</td> <td>财经部</td> </tr> </tbody> </table> <form action=""> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="radio"> <select name="" id=""> <option value="">甘肃</option> <option value="">兰州</option> <option value="">永登</option> <option value="">天水</option> <option value="">庆阳</option> </select> </form> <script src="jquery-3.2.1.min.js"></script> <script> // $("img").attr("src","Bootstrap_i3.png"); // $("table").attr("aaa"); // $("table").attr("aaa","按时"); </script> </body> </html>
二、示例图片
1、attr
(1)得到属性和设置属性值
(2)设置自定义属性值
2、removeAttr
3、prop
4、removeProp
三、jquery中的循环的两种方式
// 方式一
li = [11,22,33];
$.each(li,function (i,v) {
console.log(i,v)// 0 11
// 1 22
// 2 33
})
// 方式二
$(".c1").each(function (i,v) {
console.log(i,v) //这里的v拿到的是标签
// 0 <div class="c1">hah</div>
// 1 <div class="c1">年</div>
// 2 <div class="c1">娃的</div>
console.log(v.innerText) //拿到文本
})
</script>
退出循环============================
三、注意的一个下问题：
解决方法
