jQuery是一種用于簡化JavaScript編程的框架,它提供了許多方便的函數(shù)和方法。除了常見的選擇器外,jQuery還提供了許多不包含選擇器的實(shí)用功能。
// 創(chuàng)建DOM元素
var $div = $("");
var $span = $("hello world");
// 添加到DOM中
$div.append($span);
$("body").append($div);
// 遍歷
$("div").each(function () {
console.log($(this).attr("class"));
});
// 顯示和隱藏
$("#myDiv").show();
$("#myDiv").hide();
// 綁定事件
$("button").on("click", function () {
alert("Clicked!");
});
// AJAX請求
$.ajax({
url: "example.com",
type: "GET",
dataType: "json",
success: function (data) {
console.log(data);
}
});
// 動(dòng)畫效果
$("#myDiv").animate({
width: "100px",
height: "100px"
}, 1000);
// 數(shù)據(jù)操作
var myArray = ["apple", "orange", "banana"];
$.each(myArray, function (index, value) {
console.log(index + ": " + value);
});
// 屬性操作
var $element = $("a");
var href = $element.attr("href");
$element.attr("target", "_blank");
// 樣式操作
$("p").css("font-size", "16px");
$("p").addClass("myClass");
以上是一些常見的jQuery操作,它們可以幫助我們更輕松地完成各種任務(wù),同時(shí)減少了代碼量。