jquery笔试题

以下是一些常见的 jQuery 笔试题及解答，涵盖基础语法、DOM 操作、事件处理等内容，供参考：

jQuery 基础语法

如何检查文档是否加载完成？

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

或简写为：

$(function() {
    // 代码
});

如何选择所有 <p> 元素？

$("p")

如何选择类名为 example 的元素？

$(".example")

DOM 操作

如何隐藏一个元素？

$("#elementId").hide();

如何设置元素的文本内容？

$("#elementId").text("新文本");

如何向元素添加 HTML 内容？

$("#elementId").html("<p>新HTML内容</p>");

如何追加元素到某个容器中？

$("#container").append("<div>追加的内容</div>");

事件处理

如何绑定点击事件？

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

如何阻止表单默认提交行为？

$("form").submit(function(event) {
    event.preventDefault();
});

如何解绑事件？

$("#button").off("click");

AJAX 请求

如何发送 GET 请求？

$.get("url", function(data) {
    console.log(data);
});

如何发送 POST 请求？

$.post("url", { key: "value" }, function(data) {
    console.log(data);
});

如何处理 AJAX 错误？

$.ajax({
    url: "url",
    method: "GET",
    success: function(data) {
        console.log(data);
    },
    error: function(xhr, status, error) {
        console.error(error);
    }
});

动画效果

如何实现淡入效果？

$("#element").fadeIn();

如何实现滑动效果？

$("#element").slideDown();

如何自定义动画？

$("#element").animate({
    opacity: 0.5,
    left: "+=50"
}, 1000);

其他常见问题

如何遍历所有 <li> 元素？

$("li").each(function(index) {
    console.log(index + ": " + $(this).text());
});

如何获取表单输入框的值？

var value = $("#inputId").val();

如何检查 jQuery 是否加载？

if (typeof jQuery == "undefined") {
    console.log("jQuery 未加载");
} else {
    console.log("jQuery 已加载");
}

这些题目覆盖了 jQuery 的核心功能，适合用于基础到中级的笔试考核。