jQuery是一个快速、简洁的JavaScript框架，主要用于简化JavaScript与DOM的交互。以下是一些常用的jQuery方法和代码示例：
- 选择元素：
$(selector).action()
例如：$('#elementId').hide() 隐藏id为'elementId'的元素。
- 文档加载完毕事件：
$(document).ready(function(){
// 在这里写你的代码
});
例如：
$(document).ready(function(){
$('#elementId').hide();
});
- 事件绑定：
$(selector).on(event,function(){});
例如：$('#elementId').on('click', function(){ alert('点击了元素'); })
- 创建动画：
$(selector).animate({params},speed,callback);
例如：$('#elementId').animate({height: '300px'}, 'slow', function(){ alert('动画完成'); })
- AJAX请求：
$.ajax({
url: "script.php",
method: "GET",
data: {name: 'John', location: 'Boston'},
success: function(data){
// 请求成功后的回调函数
},
error: function(jqXHR, textStatus, errorThrown){
// 请求失败后的回调函数
}
});
- 链式调用：
$(selector)
.action()
.action()
.action();
例如：$('#elementId').hide().fadeIn('slow').animate({ left: '+=50' }, 500);
- 样式操作：
$(selector).css(property,value);
例如：$('#elementId').css('color', 'red');
- 创建/插入内容：
$(selector).html(); // 获取内容
$(selector).html('content'); // 设置内容
例如：$('#elementId').html('<p>新内容</p>');
- 属性操作：
$(selector).attr(attribute,value);
例如：$('#elementId').attr('value', 'new value');
- 循环遍历：
$(selector).each(function(index,element){
// 代码
});
例如：
$('p').each(function(index, element){
$(element).html('段落' + index);
});
这些是jQuery的基础，实际应用中可以根据需要选择合适的方法来实现功能。