1. 文档就绪事件:
$(document).ready(function(){
// 在文档加载完毕后执行的代码
});
2. 选择器:
// 通过元素名选择
$("p")
// 通过类名选择
$(".classname")
// 通过ID选择
$("#elementId")
// 多选择器组合
$("p, .classname, #elementId")
3. 事件处理:
// 点击事件
$("button").click(function(){
// 执行点击时的代码
});
// 鼠标悬停事件
$("p").hover(function(){
// 鼠标悬停时的代码
});
4. 样式操作:
// 添加类
$("p").addClass("newClass");
// 移除类
$("p").removeClass("oldClass");
// 切换类
$("p").toggleClass("active");
5. 内容操作:
// 获取文本内容
var text = $("p").text();
// 设置文本内容
$("p").text("新的文本内容");
// 获取HTML内容
var htmlContent = $("div").html();
// 设置HTML内容
$("div").html("<p>新的HTML内容</p>");
6. 隐藏和显示:
// 隐藏元素
$("p").hide();
// 显示元素
$("p").show();
// 切换元素的可见性
$("p").toggle();
7. 遍历:
// 遍历所有段落
$("p").each(function(){
// 对每个段落执行的代码
});
8. Ajax:
// 发送GET请求
$.get("url", function(data){
// 处理返回的数据
});
// 发送POST请求
$.post("url", {data: "value"}, function(data){
// 处理返回的数据
});
这只是一个简要的备忘单,jQuery 提供了丰富的功能和方法,用于简化 JavaScript 编程。你可以根据具体需求查阅 jQuery 官方文档来获取更详细的信息。
转载请注明出处:http://www.pingtaimeng.com/article/detail/4658/jQuery