HTML的jquery對(duì)象是指使用jQuery庫(kù)進(jìn)行操作的HTML元素。由于jQuery對(duì)HTML的封裝,可以使JavaScript代碼更加簡(jiǎn)潔、易讀,且兼容不同瀏覽器,因此使用jQuery庫(kù)是前端工程師日常工作中必備技能之一。
通過(guò)使用jQuery函數(shù) $ 或 jQuery(),可以輕松地找到任何一個(gè)HTML元素并對(duì)其進(jìn)行操作。例如:
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });
以上代碼意為:當(dāng)頁(yè)面中的任意 p 標(biāo)簽被點(diǎn)擊時(shí),自身就會(huì)被隱藏起來(lái)。
jQurey對(duì)象具有許多屬性和方法,可以用來(lái)修改HTML的樣式、屬性、內(nèi)容等等。其中,最常用的方法有:
- addClass():向HTML元素添加一個(gè)或多個(gè)類名
- removeClass():從HTML元素移除一個(gè)或多個(gè)類名
- html():設(shè)置或獲取HTML元素的內(nèi)容
- attr():設(shè)置或獲取HTML元素的屬性值
- css():設(shè)置或獲取HTML元素的樣式屬性值
下面的代碼演示如何通過(guò) jQuery 對(duì)象來(lái)修改 HTML 元素的樣式屬性值:
$(document).ready(function(){ $("button").click(function(){ $("p").css("color", "red").slideUp(2000).slideDown(2000); }); });
以上代碼意為:頁(yè)面中有一個(gè)按鈕,當(dāng)這個(gè)按鈕被點(diǎn)擊時(shí),所有的 p 標(biāo)簽會(huì)變?yōu)榧t色并且向上收起,隨后再向下展開。
總之,html的jquery對(duì)象能夠輕松地找到和修改任何HTML元素,并且操作簡(jiǎn)便,非常適合前端工程師使用。