首頁(yè)常見問題正文

Java培訓(xùn):jQuery框架之頁(yè)面加載事件

更新時(shí)間:2023-11-14 來源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

  頁(yè)面加載事件方法在前面的學(xué)習(xí)中已經(jīng)使用過,它有以下三種語(yǔ)法形式:

//第一種形式
$(document).ready(function(){})
//第二種形式
$().ready(function(){})
//第三種形式
$(function(){})

  在上述語(yǔ)法中,第一種是完整寫法,即調(diào)用document元素的ready()事件方法。第二種語(yǔ)法省略了document,第三種語(yǔ)法省略了ready()。這三種語(yǔ)法的功能完全相同,讀者可自行選擇使用哪種形式。

  在傳統(tǒng)的JavaScript中,若要實(shí)現(xiàn)頁(yè)面加載事件,需要在body標(biāo)簽中添加onload事件屬性,或用window.onload方式注冊(cè)事件,但是都必須等待網(wǎng)頁(yè)中所有內(nèi)容加載完成后才能執(zhí)行。與之相比,jQuery提供的ready()方法更加完善。通過ready()方法可以在頁(yè)面加載后立即執(zhí)行任務(wù),并允許注冊(cè)多個(gè)事件處理程序。

  ready()方法與window.onload方法的對(duì)比如表15-10所示。

  表15-10 頁(yè)面加載事件

1699924928406_頁(yè)面加載事件.jpg

  本文版權(quán)歸黑馬程序員Java培訓(xùn)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!

  作者:黑馬程序員Java培訓(xùn)學(xué)院

  首發(fā):https://java.itheima.com

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!