jQuery是一个快速、简洁的JavaScript框架，它使得HTML文档 traversing & manipulation、event handling、animation和Ajax等一系列操作变得更加简单，而不用原生的JavaScript编写大量的代码。
以下是一些使用jQuery的常见示例：
- 元素的选择和操作：
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});在上述代码中，我们首先使用$(document).ready()确保文档已经加载完毕，然后我们选择所有的<p>元素，并为它们添加了一个点击事件，当任何<p>元素被点击时，它会被隐藏。
- 创建动画：
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle();
});
});在这个例子中，我们使用slideToggle()函数创建了一个简单的滑动动画。当点击id为flip的元素时，id为panel的元素会以滑动的方式隐藏或显示。
- AJAX请求：
$(document).ready(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
$("#myDiv").html(htmlobj.responseText);
});
});在这个例子中，我们使用$.ajax()函数发送了一个异步的HTTP请求到服务器上的一个文本文件，并将返回的响应内容放入id为myDiv的元素中。
- 处理表单数据：
$(document).ready(function(){
$("#submit").click(function(){
var name = $("#name").val();
var password = $("#password").val();
alert("Name: " + name + ", Password: " + password);
});
});在这个例子中，我们使用$("#name").val()和$("#password").val()获取了表单中的数据，并在点击id为submit的按钮时弹出一个带有这些数据的警告框。
- 添加和删除类：
$(document).ready(function(){
$("p").click(function(){
$(this).toggleClass("highlight");
});
});在这个例子中，我们为每个<p>元素添加了点击事件，当点击时，它会切换highlight类，从而改变它的样式。
- 动态添加和删除元素：
$(document).ready(function(){
$("p").click(function(){
$("body").append(" <p>Hello!</p>");
});
});在这个例子中，我们为每个<p>元素添加了点击事件，当点击时，会在<body>元素的末尾添加一个新的<p>元素。
以上就是一些使用jQuery的常见示例，实际上jQuery提供了更多强大而方便的功能，如动画、HTML事件处理、CSS操作、JSONP、异步请求等等，使得前端开发更加便捷和高效。