jQuery Object,通常簡稱為jQuery對象,是jQuery庫中最重要的概念之一。它是由jQuery函數$()創(chuàng)建的一個特殊對象,可以封裝一個或多個DOM元素。創(chuàng)建jQuery對象后,我們可以通過鏈式調用jQuery提供的多個方法,實現對元素的操作。
// 示例:創(chuàng)建一個jQuery對象,封裝id為"myDiv"的元素 var $myDiv = $("#myDiv"); // 鏈式調用jQuery提供的方法,修改元素的樣式 $myDiv.css("color", "red") .addClass("my-class") .text("Hello, jQuery!");
創(chuàng)建jQuery對象的方法很多,常見的有使用CSS選擇器、HTML標簽名稱、DOM節(jié)點等,下面是一些常見的方式。
// 使用CSS選擇器創(chuàng)建jQuery對象 var $myDiv = $("#myDiv"); // 使用HTML標簽名稱創(chuàng)建jQuery對象 var $div = $(""); // 使用DOM節(jié)點創(chuàng)建jQuery對象 var div = document.getElementById("myDiv"); var $myDiv = $(div);一些常用方法與屬性:
// 獲取或設置元素的CSS樣式 $myDiv.css("color", "red"); // 獲取或設置元素的class屬性 $myDiv.addClass("my-class"); // 獲取或設置元素的文本內容 $myDiv.text("Hello, jQuery!"); // 獲取或設置元素的html內容 $myDiv.html("Hello, jQuery!
"); // 獲取或設置元素的屬性 $myDiv.attr("data-id", 1); // 判斷元素是否擁有指定class $myDiv.hasClass("my-class"); // 獲取或設置元素的坐標位置 var offset = $myDiv.offset(); $myDiv.offset({ top: 100, left: 200 });使用jQuery對象,可以大大簡化對DOM元素的操作、實現鏈式調用,是Web開發(fā)中不可或缺的工具之一。