jQuery是一个快速、简洁的JavaScript框架，它使得HTML文档的遍历和操作、事件处理、动画和Ajax等操作更加简单和易于使用。
以下是一些常用的jQuery方法和示例代码：
- 选择器：
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
- 文档就绪：
$(document).ready(function(){
// 在这里写你的代码...
});
- 事件绑定：
$("p").click(function(){
alert("段落被点击了。");
});
- 改变HTML内容：
$("#p1").html("Hello, world!");
- 改变CSS属性：
$("p").css("background-color", "yellow");
- 创建动画：
$("#div1").animate({left: '+50px'}, 500);
- AJAX请求：
$.ajax({
url: "test.html",
context: document.body
}).done(function() {
$(this).addClass("done");
});
- 链式调用：
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
- 添加和删除类：
$("p").addClass("myClass");
$("p").removeClass("myClass");
- 事件委托：
$("ul").on("click", "li", function(){
alert("List item clicked");
});
- 使用jQuery函数获取输入字段的值：
var value = $("#myInput").val();
- 使用jQuery设置输入字段的值：
$("#myInput").val("Hello, world!");
- 使用jQuery创建新的HTML元素：
$("<p id='new'>This is a new paragraph</p>").insertAfter("#old");
- 使用jQuery删除HTML元素：
$("#myDiv").remove();
- 使用jQuery获取或设置属性：
var value = $("#myImage").attr("src");
$("#myImage").attr("src", "picture.jpg");
- 使用jQuery获取或设置CSS样式属性：
var color = $("#myDiv").css("background-color");
$("#myDiv").css("background-color", "yellow");
- 使用jQuery显示和隐藏元素：
$("#myDiv").show();
$("#myDiv").hide();
- 使用jQuery进行循环操作：
$("li").each(function(){
alert($(this).text());
});
- 使用jQuery检查复选框是否被选中：
if ($("#myCheck").is(":checked")) {
// 复选框被选中
}
- 使用jQuery绑定/触发特定事件：
$("#myButton").click(); // 触发按钮的点击事件
- 使用jQuery在文档中搜索