jquery1.8.3速查表

jQuery是一个快速、简洁的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax操作，jQuery1.8.3是该库的一个较旧的版本，但仍然被广泛使用，以下是一份详细的jQuery1.8.3速查表，涵盖了其核心功能和用法。

1、基本选择器

$("p") // 选择所有 <p> 元素
$("#myId") // 选择ID为 myId 的元素
$(".myClass") // 选择所有 class 为 myClass 的元素

2、层级选择器

$("div p") // 选择所有在 <div> 内的 <p> 元素
$("ul > li") // 选择所有直接在 <ul> 内的 <li> 元素
$("a:first") // 选择第一个 <a> 元素
$("img:last") // 选择最后一个 <img> 元素

3、事件处理

$("#myButton").click(function() {
  alert("Hello, world!");
});

4、效果和动画

$("#myDiv").fadeIn(); // 淡入效果
$("#myDiv").fadeOut(); // 淡出效果
$("#myDiv").slideToggle(); // 滑动切换显示/隐藏
$("#myDiv").animate({left: '+=50px'}, 1000); // 动画移动50像素，持续1秒

5、Ajax

$.ajax({
  url: "data.php",
  type: "GET",
  success: function(data) {
    $("#result").html(data);
  }
});

6、文档就绪

$(document).ready(function() {
  // 在文档加载完成后执行的代码
});

7、DOM操作

$("#myDiv").html("Hello, world!"); // 设置元素的HTML内容
$("#myDiv").append("<p>Hello, world!</p>"); // 在元素内部追加内容
$("#myDiv").prepend("<p>Hello, world!</p>"); // 在元素内部前置内容
$("#myDiv").after("<p>Hello, world!</p>"); // 在元素之后插入内容

8、属性操作

$("#myDiv").attr("class", "newClass"); // 设置元素的属性
$("#myDiv").prop("className", "newClass"); // 设置元素的属性（与attr类似，但适用于布尔属性）

9、CSS操作

$("#myDiv").css("background-color", "red"); // 设置元素的CSS属性
$("#myDiv").height(100); // 设置元素的高度

10、表单操作

$("input[type='text']").val("Hello, world!"); // 设置文本框的值
$("input[type='submit']").click(function(event) {
  event.preventDefault(); // 阻止表单提交的默认行为
});

11、jQuery对象与DOM对象之间的转换

var domElement = $("#myDiv").get(0); // 将jQuery对象转换为DOM对象
var jqueryObject = $(domElement); // 将DOM对象转换为jQuery对象

12、插件使用

$("#myTable").tablesorter(); // 使用 tablesorter 插件对表格进行排序

这份速查表涵盖了jQuery1.8.3的核心功能，但请注意，随着jQuery版本的更新，一些功能可能已经发生了变化，在使用时，请参考最新的jQuery文档以获取最准确的信息。