jquery试题
jQuery 基础试题示例
1. 如何通过 jQuery 选择所有 class 为 "example" 的元素？
使用 $(".example") 选择器，jQuery 通过 CSS 选择器语法匹配元素。
2. 如何隐藏一个 ID 为 "box" 的元素？
调用 $("#box").hide() 方法，该操作会设置元素的 display 属性为 none。
3. 如何绑定点击事件到一个按钮（ID 为 "btn"）？
通过 .on() 或 .click() 方法实现：
$("#btn").click(function() {
alert("Button clicked!");
});4. 如何用 jQuery 发送 AJAX 请求？
使用 $.ajax() 方法：
$.ajax({
url: "api/data",
method: "GET",
success: function(response) {
console.log(response);
}
});5. 如何动态添加 HTML 内容到某个元素（ID 为 "container"）？
通过 .html() 或 .append() 方法：
$("#container").append("<p>New content</p>");jQuery 进阶试题示例
1. 解释 .animate() 方法的使用
通过 CSS 属性实现动画效果：
$("#element").animate({
opacity: 0.5,
left: "+=50px"
}, 1000);2. 如何阻止事件冒泡？
在事件处理函数中调用 event.stopPropagation()：
$("#element").click(function(event) {
event.stopPropagation();
});3. 如何实现链式调用？
jQuery 方法通常返回对象本身，支持链式操作：
$("#element").css("color", "red").slideUp().slideDown();4. 如何检查文档是否加载完成？
使用 $(document).ready() 或简写形式：
$(function() {
// 文档加载完成后执行
});5. 解释 $.Deferred() 的用途
用于处理异步任务，类似 Promise：
var deferred = $.Deferred();
deferred.resolve("Success");
deferred.promise().done(function(result) {
console.log(result);
});jQuery 实际应用试题
1. 如何实现表单验证？
通过事件监听和条件判断：
$("#form").submit(function(event) {
if ($("#email").val() === "") {
alert("Email is required");
event.preventDefault();
}
});2. 如何克隆一个元素？
使用 .clone() 方法：
var clonedElement = $("#original").clone();*3. 如何获取元素的自定义属性（data-）？
通过 .data() 方法：
var value = $("#element").data("key");4. 如何实现懒加载图片？
监听滚动事件并动态加载：
$(window).scroll(function() {
$("img.lazy").each(function() {
if ($(this).offset().top < $(window).scrollTop() + $(window).height()) {
$(this).attr("src", $(this).data("src"));
}
});
});5. 如何用 jQuery 操作 Cookies？
需引入插件（如 jquery.cookie.js），然后调用：
$.cookie("name", "value", { expires: 7 });
