jquery常用方法

jQuery，作为一个广泛使用的JavaScript库，提供了丰富的API来简化DOM操作、事件处理、动画效果和Ajax交互。以下是对jQuery常用方法的详细说明： 1. **Attribute 操作**： - `$(”p”).addClass(“样式类名”)`: 添加指定的CSS类到选择的元素上，用于改变元素的样式。 - `$(”img”).attr({src:”test.jpg”, alt:”test Image”})`: 用一个对象字面量设置多个属性和对应的值。 - `$(”img”).attr(”src”,”test.jpg”)`: 设置元素的特定属性值。 - `$(”img”).attr(”title”, function() { return this.src })`: 使用函数动态设置属性值，`this`引用当前遍历的元素。 - `$(”元素名称”).removeAttr(”属性名称”)`: 移除元素上的指定属性。 - `$(”元素名称”).removeClass(”class”)`: 移除元素上的指定样式类。 2. **内容与文本操作**： - `$(”元素名称”).html()`: 获取元素内的HTML内容。 - `$(”元素名称”).html(”<b>new stuff</b>”)`: 设置元素的HTML内容。 - `$(”元素名称”).text()`: 获取元素的纯文本内容。 - `$(”元素名称”).text(value)`: 设置元素的文本内容。 - `$(”input 元素名称”).val()`: 获取输入元素的值。 - `$(”input 元素名称”).val(value)`: 设置输入元素的值。 3. **内容操作（Manipulation）**： - `$(”元素名称”).after(content)`: 在匹配元素后添加内容。 - `$(”元素名称”).append(content)`: 把内容添加到元素的末尾。 - `$(”元素名称”).appendTo(content)`: 把元素添加到其他内容的末尾。 - `$(”元素名称”).before(content)`: 在匹配元素前添加内容。 - `$(”元素名称”).clone(布尔表达式)`: 克隆元素，可选地保留事件绑定。 - `$(”元素名称”).empty()`: 清空元素的所有子内容。 - `$(”元素名称”).insertAfter(content)`: 把元素插入到其他内容之后。 - `$(”元素名称”).insertBefore(content)`: 把元素插入到其他内容之前。 - `$(”元素”).prepend(content)`: 把内容添加到元素的开头。 - `$(”元素”).prependTo(content)`: 把元素添加到其他内容的开头。 - `$(”元素”).remove()`: 删除匹配的所有元素。 - `$(”元素”).remove(”exp”)`: 删除包含特定表达式的元素。 - `$(”元素”).wrap(”html”)`: 用HTML包裹元素。 - `$(”元素”).wrap(element)`: 用DOM元素包裹元素。 4. **遍历（Traversing）**： - `add(expr)`, `add(html)`, `add(elements)`: 添加更多的元素到已选集。 - `children(expr)`: 获取元素的直接子元素，可选地通过expr过滤。 - `contains(str)`: 检查元素是否包含指定文本。 - `end()`: 返回到最近的父集合。 - `filter(expression)`, `filter(filter)`: 过滤已选元素，保留满足条件的元素。 - `find(expr)`: 查找匹配expr的后代元素。 - `is(expr)`: 检查元素是否匹配expr。 - `next(expr)`: 获取元素的下一个兄弟元素，可选地通过expr过滤。 - `not(el)`, `not(expr)`, `not(elems)`: 从集合中移除匹配的元素。 - `parent(expr)`: 获取元素的直接父元素，可选地通过expr过滤。 - `parents(expr)`: 获取元素的所有祖先元素，可选地通过expr过滤。 - `prev(expr)`: 获取元素的前一个兄弟元素，可选地通过expr过滤。 - `siblings(expr)`: 获取元素的所有同级元素，可选地通过expr过滤。 5. **核心（Core）**： - `$(html).appendTo(”body”)`: 把HTML字符串插入到body中。 - `$(elems)`: 创建一个jQuery对象，包含给定的DOM元素。 - `$(function(){...})`: 页面加载完成后执行的匿名函数，相当于`$(document).ready()`. - `$(”div > p”).css(”border”, ”1px solid gray”)`: 选择所有div的直接子p元素，并设置其边框样式。 - `$.extend(prop)`: 扩展jQuery对象，添加或覆盖属性。 - `jQuery( expression, [context] )`: 根据expression选择元素，可选地在特定上下文中查找。 - `each(callback)`: 遍历每个匹配的元素，对每个元素执行callback函数。 以上这些方法构成了jQuery的核心功能，使开发者能够高效地操作DOM、处理事件和创建复杂的用户界面。理解并熟练掌握这些方法对于进行前端开发至关重要。