1. 程式人生 > >jQuery----文件載入事件

jQuery----文件載入事件

1jQuery

jQuery是一個javaScript庫,而非JavaScript ,他是一個輕量級的庫。

例子:

$(document).ready(function(){

//alert('文件載入完畢');

$("p").click(function(){

$(this).hide();

})

});

語法:$(selector).action();

jQuery的載入方式:1,ready事件:ready時間是在DOM繪製完成之後就執行,這樣確保了就算有大量媒體檔案沒被加載出來,js一樣執行。

2,load事件,load時間必須要等到所有內容載入完畢,如果有一個網頁中有大量的圖片,則會導致這種情況:網頁已經加載出來了,但是網頁資料還沒有載入完畢,導致load時間不能被觸發;

文件載入過程:

1,解析HTML結構

2,載入外部指令碼和樣式表文件

3,解析並執行指令碼程式碼

4,構造HTML DOM模型---ready

5,載入圖片等外部檔案

6頁面載入完畢 ---load

ready載入事件的幾種寫法:

1,$().ready(function(){})---預設繫結在document上

2,$(document).ready(function(){})

3,$(function(){})

load事件的寫法:

$(document).load(function(){})

相關推薦

jQuery----載入事件

1jQuery jQuery是一個javaScript庫,而非JavaScript ,他是一個輕量級的庫。 例子: $(document).ready(function(){ //alert('文件載入完畢'); $("p").click(function(){ $(thi

JavaScript js載入事件,以及jquery載入事件

<script> //js文件載入完成的事件 /* * 會被後面的window.onload覆蓋,該處不會在頁面上彈出 111 */ window.onload = function(){ alert("window.on

JS/JQuery 載入完成

1. $(function(){...}); 文件樹載入完執行的方法;(注意:不包括圖片、css、js等檔案); 一個頁面中可以有多個$(function(){...}); 方法; 兩種寫法: //第一種 $(document).ready(function(){

監控頁面後退前進,瀏覽器載入事件之pageshow、pagehide

https://www.cnblogs.com/milo-wjh/p/6811868.html http://www.runoob.com/jsref/event-onpageshow.html onpageshow 事件  事件物件 例項 在使用者瀏覽網頁時觸發 Jav

document ready和onload的區別——JavaScript載入完成事件

                頁面載入完成有兩種事件,一是ready,表示文件結構已經載入完成(不包含圖片等非文字媒體檔案),二是onload,指示頁面包含圖片等檔案在內的所有元素都載入完成。(可以說:ready 在onload 前載入!!!)我的理解: 一般樣式控制的,比如圖片大小控制放在onload 裡

前端技術(JQuery)學習筆記(一)JQuery準備就緒事件JQuery事件處理、JQuery物件與DOM物件的、JQuery取值

一、JQuery,是一套JavaScript的函式庫(類庫),可以很大程度上簡化js程式碼。所以,利用Jquery對HTML元素的操作更加的便捷。 1、JQuery的核心函式:jQuery()函式,利用這個核心函式可以完成html元素的選取功能

jQuery原始碼淺析】(五)--載入--$.ready

前言 我們經常會用到$(document).ready(fn)或者$(fn),可是,我們只是用這個函式來代替window.onload麼?其實不是的,文件的載入除了DOM結構樹的載入之外還包括其他外部

load事件:img、iframe

嵌套if 研究 else app function win ner jpg n) iframe的 load 事件 在所有為IFRAME動態添加onload監聽事件的方法中,只有 使用事件監聽方式為 IFRAME 的 onload 事件綁定處理函數,IE6、7、8才有效。所以

Bootstrap3基礎 下載bootstrap3壓縮包和相應的jQuery

獲取 老師 圖片 load src nbsp height 1-1 鍛煉 禮悟:   公恒學思合行悟,尊師重道存感恩。葉見尋根三返一,江河湖海同一體。 虛懷若谷良心主,願行無悔給最苦。讀書鍛煉養身心,誠勸且行且珍惜。   驗證時間:2018-

64.載入內存進行多線程以及根據索引進行多線程索引

lose 線程id 路徑 i++ size 讀取文件 獲取字符串 pst 測試 一.文件載入內存進行多線程檢索 獲取並定義行數以及定義索引和文本的路徑 1 char path[256] = "kaifangX.txt"; 2 char indexpath[256] =

(轉)Linux下通過rsync與inotify(異步系統事件監控機制)實現實時同步

-a 推送 root started init.d log tool mysql同步 .tar.gz Linux下通過rsync與inotify(異步文件系統事件監控機制)實現文件實時同步原文:http://www.summerspacestation.com/linux%

網上隨便下載了一個jquery,火狐報錯

ati 文件 clas 火狐瀏覽器 rap url cal source ESS ie8都沒問題了,測試就沒有測火狐瀏覽器,然後上線,頁面在火狐上慘不忍睹。 報錯信息: 源映射錯誤:request failed with status 404 源 URL:http://lo

inotify機制監控系統事件原理及使用

direct esc his 存儲 cname smo gin related oca 1.基本描述 inotify提供了一種監控文件系統事件的機制,可以用來監控單個的文件以及目錄。當一個目錄被監控,inotify會返回該目錄以及該目錄下面文件的事件。 2.原理以及使用 2

Python Inotify 監視LINUX系統事件

inter actual 分享圖片 RoCE ons types ESS sys 截圖 Inotify 可以監視的LINUX文件系統事件包括: --IN_ACCESS,即文件被訪問 --IN_MODIFY,文件被write --IN_ATTRIB,文件屬性被修改,如chm

全端之jquery操作

一、相關知識點總結1、CSS .css()      - .css("color")  -> 獲取color css值 - .css("color", "#ff0000") -> 設定值    &n

jQuery操作--empty()和remove()

   empty() 概述      刪除匹配的元素集合中所有的子節點 <!DOCTYPE html> <html> <head> <meta charset="UTF-8

html載入順序簡單理解

html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <scrip

前端之JQueryJQuery操作 jquery操作

jquery之文件操作 一、相關知識點總結1、CSS .css() - .css("color") -> 獲取color css值 - .css("color", "#ff0000") -> 設定值

《Redis官方事件

原文連結 譯者:flashair 究竟為什麼需要一個事件庫呢?讓我們通過下面一系列問答來了解為什麼。 問:你希望網路伺服器持續不斷地做什麼事? 答:監聽埠上進來的連線請求並接收它們。 問:呼叫套接字的Accept方法產生一個描述符,我們用這個描述符做什麼? 答:儲存這個描述符,並在它上面完成一

VS2017除錯斷點打不上,還沒有為該載入任何符號

附加程序到iis打斷點時,斷點命不中,報還沒有為該文件載入任何符號,後來釋出方式由Release改為Debug後解決。Debug與Release的區別:https://www.cnblogs.com/t