JQuery 是一个强大的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。本篇笔记主要介绍了JQuery的基础用法，对于初学者来说是非常实用的学习资料。
1. **属性操作**：`attr()` 方法允许我们设置或获取元素的属性。例如，`$("input").attr("class","btn")` 会将所有`<input>`元素的`class`属性设置为`btn`。
2. **CSS操作**：`addClass()` 方法用于向匹配的元素添加一个或多个类。如`$("input:submit").addClass("btn")` 将所有提交按钮添加样式类`btn`。
3. **值的获取**：`val()` 方法用于获取元素的值，例如`$("#Button1").val()` 可以获取ID为`Button1`的按钮的值。
4. **HTML内容操作**：`html()` 方法用于获取或设置元素的HTML内容。`$("#div1").html("<input type='text'/>")` 会将ID为`div1`的`<div>`内容替换为一个文本输入框。
5. **文本内容操作**：`text()` 方法与`html()`类似，但只处理文本内容。`$("#div1").text("100")` 将ID为`div1`的`<div>`的文本内容设置为`100`。
6. **选择器与值的检查**：`val()` 方法可以用来获取选择器的值，例如`$("#select1").val()` 获取下拉框`select1`的当前选中值。配合条件判断，可以实现特定逻辑，如检查是否选中特定选项。
7. **DOM元素到jQuery对象的转化**：`$(document.body)` 将DOM元素`document.body`转化为jQuery对象，便于使用jQuery方法，如改变背景色`$(document.body).css("background","#c0c0c0")`。
8. **each() 遍历**：`each()` 函数用于遍历jQuery对象中的每一个元素，执行提供的函数。`$("div").each(function(index, domEle) {...})` 会在每个`<div>`上执行回调函数，`index`是索引，`domEle`是原始DOM元素。
9. **长度与计数**：`size()` 和 `length` 都可用于获取匹配元素的数量，如`$("input:submit").size()` 和 `$("input:submit").length` 返回提交按钮的数量。
10. **DOM元素集合的获取**：`get()` 方法用于获取匹配元素的原始DOM数组。`$("input").get().reverse()` 反转所有输入元素的顺序，而`$("input").get(1)` 返回第二个匹配的`<input>`元素。
这些基本操作构成了JQuery的核心功能，它们极大地简化了JavaScript中的DOM操作，提高了开发效率。通过掌握这些基础，你可以轻松地进行元素选择、样式调整、事件绑定等任务，从而在网页动态效果和交互设计中游刃有余。
