jQuery方法大全:属性、内容、样式操作和DOM操作

需积分: 11 3 下载量 72 浏览量 更新于2024-09-10 收藏 262KB PDF 举报
jQuery 方法大全 jQuery 是一个流行的 JavaScript 库,提供了许多实用的方法来简化 Web 开发。下面是 jQuery 方法大全,涵盖了 jQuery 中的所有方法,方便开发者查找和学习。 DOM 操作 * `addClass()`: 添加样式类,例如 `$("p").addClass(css 中定义的样式类型);` * `attr()`: 添加或获取元素的属性,例如 `$("img").attr({src:"test.jpg",alt:"testImage"});` * `attr()`: 获取或设置元素的属性,例如 `$("img").attr("src","test.jpg");` * `attr()`: 使用函数设置元素的属性,例如 `$("img").attr("title",function(){return this.src});` * `html()`: 获取或设置元素的 HTML 内容,例如 `$("元素名称").html();` 或 `$("元素名称").html("<b>newstuff</b>");` * `removeAttr()`: 删除元素的指定属性,例如 `$("元素名称").removeAttr("属性名称");` * `removeClass()`: 删除元素的指定样式,例如 `$("元素名称").removeClass("class");` * `text()`: 获取或设置元素的文本内容,例如 `$("元素名称").text();` 或 `$("元素名称").text(value);` * `toggleClass()`: 切换元素的样式类,例如 `$("元素名称").toggleClass(class);` * `val()`: 获取或设置表单元素的值,例如 `$("input元素名称").val();` 或 `$("input元素名称").val(value);` 元素操作 * `after()`: 在元素后面添加内容,例如 `$("元素名称").after(content);` * `append()`: 将内容添加到元素的末尾,例如 `$("元素名称").append(content);` * `appendTo()`: 将元素添加到内容的末尾,例如 `$("元素名称").appendTo(content);` * `before()`: 在元素前面添加内容,例如 `$("元素名称").before(content);` * `clone()`: 克隆元素,例如 `$("元素名称").clone(布尔表达式);` * `empty()`: 清空元素的内容,例如 `$("元素名称").empty();` * `insertAfter()`: 将元素插入到内容之后,例如 `$("元素名称").insertAfter(content);` * `insertBefore()`: 将元素插入到内容之前,例如 `$("元素名称").insertBefore(content);` * `prepend()`: 将内容添加到元素的开头,例如 `$("元素").prepend(content);` 这些方法都是 jQuery 库中最常用的方法,涵盖了元素操作、DOM 操作、事件处理等方面。掌握这些方法可以帮助开发者更好地使用 jQuery 库,提高开发效率和质量。