JQuery常用方法详解

JQuery 常用功能概览 JQuery 是一个 JavaScript 库，提供了许多实用的功能来简化网页开发。下面是 JQuery 中的一些常用功能： **Attribute** 在 JQuery 中，可以使用 `attr()` 方法来添加、获取或删除元素的属性。例如： * `$(“img”).attr({src:”test.jpg”,alt:”testImage”});` 给某个元素添加属性/值，参数是 map * `$(“img”).attr(”src”,”test.jpg”);` 给某个元素添加属性/值 * `$(“img”).attr(”title”,function(){return this.src});` 给某个元素添加属性/值 **Content** JQuery 提供了多种方法来操作元素的内容。例如： * `$(“元素名称”).html();` 获得该元素内的内容（元素，文本等） * `$(“元素名称”).html(”<b>newstuff</b>”);` 给某元素设置内容 * `$(“元素名称”).text();` 获得该元素的文本 * `$(“元素名称”).text(value);` 设置该元素的文本值为 value **Class** JQuery 提供了多种方法来操作元素的样式。例如： * `$(“元素名称”).addClass(css 中定义的样式类型);` 给某个元素添加样式 * `$(“元素名称”).removeClass(”class”);` 给某元素删除指定的样式 * `$(“元素名称”).toggleClass(class);` 当元素存在参数中的样式的时候取消，如果不存在就设置此样式 **Value** JQuery 提供了多种方法来操作表单元素的值。例如： * `$(“input 元素名称”).val();` 获取 input 元素的值 * `$(“input 元素名称”).val(value);` 设置 input 元素的值为 value **Manipulation** JQuery 提供了多种方法来操作元素的结构。例如： * `$(“元素名称”).after(content);` 在匹配元素后面添加内容 * `$(“元素名称”).append(content);` 将 content 作为元素的内容插入到该元素的后面 * `$(“元素名称”).appendTo(content);` 在 content 后接元素 * `$(“元素名称”).before(content);` 与 after 方法相反 * `$(“元素名称”).clone(布尔表达式);` 当布尔表达式为真时，克隆元素（无参时，当作 true 处理） * `$(“元素名称”).empty();` 将该元素的内容设置为空 * `$(“元素名称”).insertAfter(content);` 将该元素插入到 content 之后 * `$(“元素名称”).insertBefore(content);` 将该元素插入到 content 之前 * `$(“元素”).prepend(content);` 将 content 作为该元素的一部分，放到该元素的最前面