初识 jQuery（JavaScript 框架）

jQuery 是一个快速、简洁的 JavaScript 框架，它使得 HTML 文档 traversing 和修改、事件处理、动画等操作变得更加简单，并且提供了一些其他语言没有的特性。

以下是一些基本的 jQuery 使用方法：

1. 选择元素：

在 jQuery 中，我们可以使用 $() 函数来选择 HTML 元素。这是一个超级重要的函数，它是 jQuery 中的核心函数，用于获取页面上的元素。

$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});

在上述代码中，$("p") 选择了所有的 <p> 元素，$(this) 则代表当前正在操作的元素。

2. 改变 HTML 内容：

我们可以使用 .html() 方法来改变 HTML 元素的内容。

$(document).ready(function(){
  $("button").click(function(){
    $("#div1").html("Hello jQuery!");
  });
});

在上述代码中，$("#div1").html("Hello jQuery!"); 将 id 为 div1 的元素的内容改变为 "Hello jQuery!"。

3. 改变 CSS 属性：

我们可以使用 .css() 方法来改变 HTML 元素的 CSS 属性。

$(document).ready(function(){
  $("button").click(function(){
    $("#div1").css("background-color", "yellow");
  });
});

在上述代码中，$("#div1").css("background-color", "yellow"); 将 id 为 div1 的元素的背景颜色改变为黄色。

4. 事件处理：

jQuery 提供了许多事件处理方法，例如 .click() 用于点击事件，.dblclick() 用于双击事件，等等。

$(document).ready(function(){
  $("#div1").click(function(){
    alert("Clicked on Div!");
  });
});

在上述代码中，当 id 为 div1 的元素被点击时，会弹出一个警告框。

5. 动画：

jQuery 提供了一些动画方法，例如 .show()、.hide()、.slideDown()、.slideUp() 等，用于创建动画效果。

$(document).ready(function(){
  $("#div1").click(function(){
    $("#div2").slideUp();
  });
});

在上述代码中，当 id 为 div1 的元素被点击时，id 为 div2 的元素会向上滑动并隐藏。

6. AJAX：

jQuery 提供了 .ajax() 方法，用于在 JavaScript 中进行 AJAX 请求。

$(document).ready(function(){
  $("#button").click(function(){
    $.ajax({
      url: "test.html",
      success: function(result){
        $("#div1").html(result);
      }
    });
  });
});

在上述代码中，当按钮被点击时，会向服务器请求 "test.html" 并将返回的内容放入 id 为 div1 的元素中。

以上就是一些基本的 jQuery 使用方法，实际上 jQuery 还有很多其他的功能和方法，如 .each()、.attr()、.prop() 等，都是非常有用的。