jQuery中有很多對象方法,這些方法能夠幫助我們快速編寫JavaScript代碼。下面我們來一一介紹其中一些常用的對象方法:
// 選取DOM元素 $(selector); // 例如: $("p"); // 選取DOM元素,僅在指定的DOM元素內(nèi)查找 $(selector,context); // 例如: $("span", "p"); // 綁定事件 $(selector).on(event, callback); // 例如: $("p").on("click", function(){ alert("被點擊了!"); }); // 獲取或設(shè)置HTML內(nèi)容 $(selector).html(); $(selector).html(value); // 例如: $("p").html(); // 獲取p標簽內(nèi)的HTML內(nèi)容 $("p").html("Hello World!"); // 設(shè)置p標簽的HTML內(nèi)容為Hello World! // 獲取或設(shè)置文本內(nèi)容 $(selector).text(); $(selector).text(value); // 例如: $("p").text(); // 獲取p標簽內(nèi)的文本內(nèi)容 $("p").text("Hello World!"); // 設(shè)置p標簽的文本內(nèi)容為Hello World! // 獲取或設(shè)置屬性 $(selector).attr(attributeName); $(selector).attr(attributeName, value); // 例如: $("img").attr("src"); // 獲取img標簽的src屬性 $("img").attr("src", "newSrc.jpg"); // 將img標簽的src屬性設(shè)置為newSrc.jpg // 添加或移除class $(selector).addClass(className); $(selector).removeClass(className); // 例如: $("p").addClass("blue"); // 將p標簽添加blue class $("p").removeClass("blue"); // 將p標簽移除blue class // 顯示或隱藏DOM元素 $(selector).show(); $(selector).hide(); // 例如: $("p").show(); // 顯示p標簽 $("p").hide(); // 隱藏p標簽
下一篇淘寶css分類