jquery笔试题
以下是关于jQuery的常见笔试题及解答，涵盖基础语法、DOM操作、事件处理等内容：
jQuery基础语法
使用$()或jQuery()选择器获取元素，例如：
$('#id') // ID选择器
$('.class') // 类选择器
$('div') // 标签选择器链式调用是jQuery的特点，可通过连续调用方法简化代码：
$('div').addClass('active').css('color', 'red');DOM操作
通过html()和text()方法获取或设置内容：
$('#box').html('<p>新内容</p>'); // 设置HTML
$('#box').text(); // 获取文本使用append()和remove()操作元素：
$('#list').append('<li>新项目</li>'); // 追加元素
$('#item').remove(); // 删除元素事件处理
通过on()绑定事件，off()解绑事件：
$('#btn').on('click', function() {
alert('按钮被点击');
});常用事件快捷方法如click()、hover()：
$('#btn').click(function() {
$(this).hide();
});AJAX请求
使用$.ajax()发送异步请求：
$.ajax({
url: 'api/data',
method: 'GET',
success: function(response) {
console.log(response);
}
});简化方法$.get()和$.post()：
$.get('api/data', function(data) {
$('#result').html(data);
});动画效果
基础动画方法如fadeIn()、slideUp()：
$('#box').fadeIn(1000); // 淡入效果
$('#box').slideUp(500); // 滑动收起自定义动画animate()：
$('#box').animate({
left: '+=50px',
opacity: 0.5
}, 1000);实用工具方法
$.each()遍历数组或对象：
$.each([1, 2, 3], function(index, value) {
console.log(index + ': ' + value);
});$.extend()合并对象：
var settings = $.extend({}, defaults, options);常见陷阱题
$(document).ready()与window.onload区别：
$(document).ready(function() {
// DOM加载完成后执行
});
window.onload = function() {
// 所有资源加载完成后执行
};jQuery对象与DOM对象转换：
var domObj = $('#box')[0]; // jQuery转DOM
var $jQueryObj = $(domObj); // DOM转jQuery
