jQuery1.3核心操作详解：属性与内容操作

"这是一份关于jQuery 1.3的技巧笔记，以TXT格式呈现，方便在任何时间地点快速查阅和复习，旨在帮助用户提高效率，避免浪费时间。笔记涵盖了Attribute和Manipulation两大方面的内容，包括操作元素样式、属性、内容以及元素的增删改查等核心功能。" **jQuery 1.3笔记** ### Attribute（属性操作） 1. `$(“p”).addClass(css中定义的样式类型);` 这个方法用于给HTML元素添加一个CSS类，类名由参数指定。 2. `$(“img”).attr({src:”test.jpg”,alt:”test Image”});` 通过一个对象字面量，可以同时设置多个属性和它们对应的值，例如这里的`src`和`alt`。 3. `$(“img”).attr(“src”,”test.jpg”);` 单独设置元素的某个属性值，这里是图片的源URL。 4. `$("img").attr("title", function() { return this.src });` 使用函数返回值作为属性的值，这里给图片元素设置`title`属性，值为图片的`src`。 5. `$("元素名称").html();` 获取元素内部的所有内容，包括HTML标记。 6. `$("元素名称").html("<b>new stuff</b>");` 用新的HTML内容替换元素内部的所有内容。 7. `$("元素名称").removeAttr("属性名称")` 移除元素上的指定属性。 8. `$("元素名称").removeClass("class")` 从元素上移除指定的CSS类。 9. `$("元素名称").text();` 获取元素的纯文本内容，不包括HTML标记。 10. `$("元素名称").text(value);` 设置元素的文本内容为指定的`value`。 11. `$(“元素名称”).toggleClass(class)` 如果元素已经具有参数中的样式类，那么删除它；如果不存在，则添加这个样式类。 12. `$("input元素名称").val();` 获取输入元素（如`<input>`或`<textarea>`）的值。 13. `$("input元素名称").val(value);` 设置输入元素的值为`value`。 ### Manipulation（操作） 1. `$("元素名称").after(content);` 在匹配的元素后面插入`content`。 2. `$("元素名称").append(content);` 将`content`添加到元素的末尾作为其子元素。 3. `$("元素名称").appendTo(content);` 将元素追加到`content`的末尾。 4. `$("元素名称").before(content);` 在匹配元素前面插入`content`。 5. `$("元素名称").clone(布尔表达式);` 克隆元素，可选的布尔值决定是否保留事件绑定（默认为`true`）。 6. `$("元素名称").empty();` 清空元素内部的所有内容。 7. `$("元素名称").insertAfter(content);` 将元素插入到`content`之后。 8. `$("元素名称").insertBefore(content);` 将元素插入到`content`之前。 9. `$("元素").prepend(content);` 将`content`添加到元素的开头作为其子元素。 10. `$("元素").prependTo(content);` 将元素添加到`content`的开头。 11. `$("元素").remove();` 删除所有匹配的元素。 12. `$("元素").remove("exp");` 根据表达式`exp`删除匹配的元素。 此外，jQuery还提供了其他一些遍历和选择元素的方法，如`add(expr)`, `children(expr)`, `contains(str)`, `end()`, `filter(expression)`, `next()`, `prev()`等，这些方法在实际开发中同样重要，用于更灵活地查找、选择和操作DOM元素。 这份jQuery 1.3笔记提供了一个基础的参考，帮助开发者快速掌握jQuery的核心操作，无论是在公交、电梯还是休息时间，都可以随时随地学习和巩固。