jquery 实例

以下是几个常见的 jQuery 实例，涵盖基础操作和常见场景：

选择元素并修改内容

通过选择器获取元素并修改文本或 HTML：

$("#myId").text("新文本内容");  
$(".myClass").html("<strong>加粗文本</strong>");  

事件绑定

为按钮添加点击事件：

$("#btnSubmit").click(function() {  
    alert("按钮被点击");  
});  

AJAX 请求

发送 GET 请求并处理返回数据：

$.get("https://api.example.com/data", function(response) {  
    console.log("返回数据:", response);  
});  

动态添加元素

在列表末尾追加新项：

$("#myList").append("<li>新增项</li>");  

动画效果

淡入淡出效果：

$("#myBox").fadeOut(1000).fadeIn(1000);  

表单操作

获取表单输入值并验证：

$("#formSubmit").submit(function(e) {  
    e.preventDefault();  
    var inputVal = $("#inputField").val();  
    if (!inputVal) alert("输入不能为空");  
});  

类名操作

切换元素的类名：

$("#toggleBtn").click(function() {  
    $("#targetElement").toggleClass("active");  
});  

遍历元素

循环遍历列表项并修改：

$("li").each(function(index) {  
    $(this).text("项目 " + (index + 1));  
});  

这些实例覆盖了 jQuery 的核心功能，包括 DOM 操作、事件处理、异步请求和动画效果。根据具体需求，可以进一步组合或扩展这些代码片段。