jQuery 知识总结

在jQuery中，选择器是用于选择DOM元素的字符串。jQuery提供了多种选择器，包括基本选择器、层次选择器、过滤选择器和表单选择器等。

1. 基本选择器：

   • $("#element")：选择ID为element的元素。
   • $(".class")：选择所有class包含class的元素。
   • $("element")：选择所有element标签的元素。
   • $("*")：选择所有元素。

2. 层次选择器：

   • $("parent child")：选择parent的所有child元素。
   • $("parent > child")：选择parent的直接child元素。
   • $("prev + next")：选择紧跟在prev元素后的next元素。
   • $("prev ~ siblings")：选择prev元素之后的所有siblings元素。

3. 过滤选择器：

   • $("element:first")：选择第一个element。
   • $("element:last")：选择最后一个element。
   • $("element:even")：选择索引为偶数的element。
   • $("element:odd")：选择索引为奇数的element。
   • $("element:eq(index)")：选择指定索引index的element（从0开始）。
   • $("element:gt(index)")：选择索引大于index的element。
   • $("element:lt(index)")：选择索引小于index的element。

4. 表单选择器：

   • $(":input")：选择所有<input>、<textarea>、<select>和<button>元素。
   • $(":text")：选择所有文本框。
   • $(":password")：选择所有密码框。
   • $(":radio")：选择所有单选按钮。
   • $(":checkbox")：选择所有复选框。
   • $(":submit")：选择所有提交按钮。
   • $(":reset")：选择所有重置按钮。

5. 事件绑定：

   • $("#element").click(function() { ... })：为ID为element的元素绑定点击事件。

6. AJAX请求：

   • $().ajax({ url: "url", success: function(data) { ... } })：发送AJAX GET请求。
   • $().ajax({ type: "POST", url: "url", data: { key: "value" }, success: function(data) { ... } })：发送AJAX POST请求。

7. 属性操作：

   • $("#element").attr("attribute")：获取ID为element的元素的attribute属性值。
   • $("#element").attr("attribute", "value")：设置ID为element的元素的attribute属性值为value。

8. CSS操作：

   • $("#element").css("property")：获取ID为element的元素的property样式值。
   • $("#element").css("property", "value")：设置ID为element的元素的property样式值为value。

9. 内容文本操作：

   • $("#element").html()：获取ID为element的元素的HTML内容。
   • $("#element").html("content")：设置ID为element的元素的HTML内容为content。
   • $("#element").text()：获取ID为element的元素的文本内容。
   • $("#element").text("content")：设置ID为element的元素的文本内容为content。

10. 元素操作：

    • $("#element").append(content)：