JavaScript--jQuery框架

在JavaScript中，jQuery是一个非常流行的库，它提供了一种简化JavaScript开发的方法。以下是一些使用jQuery的示例代码：

1. 选择元素：

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

在这个例子中，当你点击段落标签（p）时，它会隐藏。

2. 创建HTML元素：

$("<p>Hello, World!</p>").appendTo("body");

在这个例子中，我们创建了一个新的段落标签，并将其添加到了body的末尾。

3. 修改CSS：

$("p").css("color", "blue");

在这个例子中，我们将所有段落标签的文本颜色改为蓝色。

4. AJAX请求：

$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $(this).append("SUCCESS!");
}).fail(function() {
  $(this).append("ERROR!");
});

在这个例子中，我们发送一个AJAX请求到"test.html"，并根据请求成功或失败在页面上添加相应的消息。

5. 事件监听：

$("p").on("click", function(){
  alert("段落被点击了！");
});

在这个例子中，当点击段落标签时，会弹出一个警告框。

6. 动画效果：

$("p").hide(1000);

在这个例子中，段落标签会在1000毫秒内消失。

7. 获取输入字段的值：

var inputVal = $("#input").val();

在这个例子中，我们获取了ID为"input"的输入字段的值。

8. 在文档加载完成后执行代码：

$(document).ready(function(){
  // 在这里写你的代码...
});

在这个例子中，我们在文档加载完成后执行了一些代码。

以上就是一些使用jQuery的基本例子。jQuery提供了许多其他的功能和方法，可以用于完成更复杂的操作。