JQuery笔记：选择器、属性操作、事件处理和DOM操作详解

Jquery笔记 Jquery是JavaScript库，用于简化HTML、CSS和JavaScript之间的交互。下面是Jquery笔记的详细知识点。 一、选择器 * 并且选择器：使用逗号分隔多个选择器，选择所有匹配的元素。 * 父子选择器：使用大于号（>）选择所有子元素。 * 兄弟选择器：使用加号（+）选择所有兄弟元素。 * 内容选择器：使用冒号（:）选择所有包含指定内容的元素。 * Empty选择器：选择所有不包含子元素的元素。 * Has选择器：选择所有包含指定子元素的元素。 * 父节点选择器：选择所有父节点元素。 二、属性操作 * 获取属性值：使用attr()方法获取元素的属性值。 * 设置属性：使用attr()方法设置元素的属性值。 * 删除属性：使用removeAttr()方法删除元素的属性值。 * 批量修改属性：使用attr()方法批量修改元素的属性值。 * 函数修改属性：使用attr()方法和函数批量修改元素的属性值。 三、Class快捷操作 * 添加class：使用addClass()方法添加class到元素上。 * 删除class：使用removeClass()方法删除元素上的class。 * 开关class：使用toggleClass()方法开关元素上的class。 四、标签包含内容操作 * Html()方法：获取或设置元素的HTML内容。 * Text()方法：获取或设置元素的文本内容。 * Html()与text()的区别：Html()方法获取或设置元素的HTML内容，而text()方法获取或设置元素的文本内容。 五、Css操作 * 设置Css样式：使用css()方法设置元素的Css样式。 * 获取Css样式：使用css()方法获取元素的Css样式。 六、Value值得操作 * 获取Value值：使用val()方法获取元素的Value值。 * 设置Value值：使用val()方法设置元素的Value值。 七、复选框和下拉列表操作 * 获取被选中的复选框：使用is()方法获取被选中的复选框。 * 选择复选框：使用prop()方法选择复选框。 * 获取下拉列表的选中值：使用val()方法获取下拉列表的选中值。 * 设置下拉列表的选中值：使用val()方法设置下拉列表的选中值。 八、Jquery与js的关系 * 互调关系：Jquery可以与JavaScript进行互调，使用Jquery的方法和JavaScript的方法可以相互调用。 九、遍历操作 * 遍历数组：使用each()方法遍历数组。 * 遍历对象：使用each()方法遍历对象。 * 遍历Jquery对象：使用each()方法遍历Jquery对象。 十、加载事件 * 加载事件：使用ready()方法加载事件，页面加载完成后执行。 十一、事件操作 * 事件绑定：使用on()方法绑定事件。 * 事件解除绑定：使用off()方法解除事件绑定。 十二、对文档的操作 * 节点的替换：使用replaceWith()方法替换节点。 * 节点的删除：使用remove()方法删除节点。 * 节点的复制：使用clone()方法复制节点。 十三、属性选择器 * 属性选择器：使用属性选择器选择所有包含指定属性的元素。 十四、属性绑定 * 属性绑定：使用attr()方法绑定属性。 十五、批量设置事件 * 用json格式为同一个对象批量设置多个事件：使用on()方法批量设置多个事件。 十六、有名函数进行事件绑定 * 有名函数进行事件绑定：使用on()方法和有名函数进行事件绑定。 十七、取消事件绑定 * 取消事件绑定：使用off()方法取消事件绑定。