jQuery是JavaScript的一个库,提供了许多便捷的方法来操作HTML文档、处理事件、动画和Ajax交互。以下是一些jQuery的核心函数和静态方法的简单介绍和使用示例:
$()
: 这是jQuery的核心函数,用于创建jQuery对象。
$(selector).action();
例如:
$('#myId').hide(); // 隐藏ID为'myId'的元素
$('.myClass').show(); // 显示class为'myClass'的元素
$.ajax()
: 这是一个静态方法,用于执行异步HTTP请求。
$.ajax({
url: "test.html",
context: document.body
}).done(function() {
$(this).addClass("done");
});
$.trim()
: 这是一个静态方法,用于去除字符串两端的空白字符。
var str = " Hello, World! ";
var trimmedStr = $.trim(str);
$.each()
: 这是一个静态方法,用于遍历数组或者对象。
$.each([52, 97], function(index, value) {
alert(index + ": " + value);
});
$.get()
和$.post()
: 这两个静态方法用于发起GET或POST请求。
$.get("test.php", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
$.post("test.php", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
$.noConflict()
: 这是一个静态方法,用于释放jQuery对$的控制权,以防止与其他库的冲突。
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 未被覆盖!");
});
});
这些都是jQuery的核心功能,每个方法都有其特定的用途,可以根据需要进行选用。