jQuery文件處理程式

2021-08-26 19:11:49 字數 1125 閱讀 2347

jquery文件處理程式

所謂的文件處理程式,是指jquery中提供的$(document).ready事件,此事件會在dom載入完畢後觸發,而window.onlaod和body.onload都是在頁面完全載入後觸發。

jquery文件處理程式介紹

在jquery中想實現在dom載入完畢後的處理邏輯,只需要使用$(document).ready()事件。此事件函式稱為「jquery文件處理程式」。

可以在頁面的任何位置,甚至是外部的js檔案中,編寫如下列語句:

$(document).ready(function ());

則在頁面的dom載入完畢後,會立刻執行alert語句。如果頁面上有大的、js檔案等外部資源需要載入,jquery的文件處理程式會在其之前執行,而window.onload和boyd.onload是在所有的資源檔案載入完畢後執行的。

ready()函式時jquery「事件函式」中提供的乙個jquery物件函式,簽名位ready(fn)。

fn是ready事件發生時執行的函式。

因為是jquery物件函式,意味著可以在任何jquery物件上呼叫:

$(「body」).ready(function ());

上面的語句等同於:

$(document).ready(function ());

雖然ready()函式可以作用在任何jquery物件上,但是使用時一定要注意物件是否具有ready事件。

也可以使用「$(fn)」這種簡化的形式:

$(function ()) //等效於$(document).ready(function());

同jquery中所有的事件物件一樣,$(document).ready事件,會按照出現的先後順序執行。

比如,可以呼叫兩次$(document).ready事件:

$(document).ready(function ());

$(document). ready(function ());

則在dom載入完畢後,首先輸出「document.ready-1」,然後輸出「document.ready-2」。如果使用傳統的:

window.οnlοad=function();

上面的**會將window.onload原有的事件處理掉,然後繫結新的事件。

jQuery文件處理程式

jquery文件處理程式 所謂的文件處理程式,是指jquery中提供的 document ready事件,此事件會在dom載入完畢後觸發,而window.onlaod和body.onload都是在頁面完全載入後觸發。jquery文件處理程式介紹 在jquery中想實現在dom載入完畢後的處理邏輯,只...

jquery 文件處理

兩個引數乙個將來是父,乙個將來是子 1 appe ndto 父 1 prependto 父 將1節點插入到父容器的最後乙個節點之後 第乙個子節點之前 父 appe nd 1 父 prepend 1 實現的是和上述一樣的功能 after before兩個引數最終會是兄弟關係 1.after 2 將2插...

JQuery文件處理

p ap pend fun ctio n in dex,html ret urni ndex 這個 集合中的 索引值 htm l 這 個物件原 先的ht ml值 1.2ap pend to c onte nt 把 所有匹配 的元素追 加到另一 個指定的 元素元素 集合中。使用這個 方法是顛 倒了常規...