jquery

1. jQuery简介

• jQuery 是一个 JavaScript 库

• 封装了好多开发中常用的特性

• jQuery 极大地简化了 JavaScript 编程

• 在过去10年大放异彩 Vue

---

2. jQuery的功能

• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities

---

3. 引入jQuery

• 离线使用

  <script src="jquery-1.9.1.js"/>

• 在线CDN使用

  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

---

4. 使用jQuery选择html元素

let a = $(".box");

---

5. jQuery中对html元素的操作

let nameInput = $("input[name='name']");
//设置属性
nameInput.attr("a", 11)
//获取属性
// console.log(nameInput.attr("a"))

//设置值
nameInput.val("小明")
//获取值
// console.log(nameInput.val())

text();
html();

---

6. jQuery对class的操作

//添加class
$("div").addClass("c2");

//移除class
$("div").removeClass("c2")

---

7. jQuery对样式的操作

//添加单独的css属性
$("div").css("color", "#f00")
//添加多个css属性
 $("div").css({color: "#f00",fontSize:"40px"})

---

8. jQuery中的事件的写法

$("button").click(function (){
    console.log("....",this)
});

---

9. jQuery对象中的元素遍历

box.each((index, ele) => {
    console.log(index, ele)
})

---

10. jQuery中的ajax(后面讲)

其实js中也有一个东西没有讲 ajax;