1. 程式人生 > >jQuery中$(document).ready(function(){})函式的作用

jQuery中$(document).ready(function(){})函式的作用

jQuery 事件 - ready() 方法
在文件載入後啟用函式:


$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

定義和用法
當 DOM(文件物件模型) 已經載入,並且頁面(包括影象)已經完全呈現時,會發生 ready 事件。
由於該事件在文件就緒後發生,因此把所有其他的 jQuery 事件和函式置於該事件中是非常好的做法。正如上面的例子中那樣。
ready() 函式規定當 ready 事件發生時執行的程式碼。
ready() 函式僅能用於當前文件,因此無需選擇器。
允許使用以下三種語法:
語法 1

$(document).ready(function)

語法 2

$().ready(function)

語法 3

$(function)

function 必需。規定當文件載入後要執行的函式。

提示:ready() 函式不應與 一起使用。

相關推薦

jQuery$(document).ready(function(){})函式作用

jQuery 事件 - ready() 方法 在文件載入後啟用函式: $(document).ready(function(){ $(".btn1").click(function(){ $("p").slideToggle();

jQuery$(function(){})與(function($){})(jQuery)、$(document).ready(function(){})等的區別詳細講解

lib div 有效 cti title jquer init str lac 1、(function($) {…})(jQuery); 在(function($) {…})(jQuery)在內部定義的函數和變量只能在此範圍內有效。 形成是否

jQuery$(function(){})與(function($){})(jQuery)、$(document).ready(function(){})等的區別詳細講解 ----轉載

最大 閉包 param 作用 alt dsm tracking 參數 bsp 1、(function($) {…})(jQuery); 1)、原理: 這實際上是匿名函數,如下: function(arg){…} 這就定義了一個匿名函數,參數為arg 而調用函數時,是在

Jquery"$(document).ready(function(){ })"函數的使用詳解

n) 如果 script 單擊 沒有 當我 com text dom元素 Jquery是優秀的Javascrīpt框架,$是jquery庫的申明,它很不穩定(我就常遇上),換一種穩定的寫法jQuery.noConflict(); jQuery(document).ready

jQuery$(document).ready()函式的理解

$(document).ready()方法是事件模組中最重要的一個函式,可以極大的提高Web應用程式的響應速度,jQuery就是用$(document).ready()方法來代替傳統的JS的window.onload方法的 下面利用對比的方式,可以加深對$(document

jquery關於 (function($){...})(jQuery)與$(document).ready();的區別

這裡實際上是匿名函式function(arg){...}這就定義了一個匿名函式,引數為arg而呼叫函式 時,是在函式後面寫上括號和實參的,由於操作符的優先順序,函式本身也需要用括號,即:(function(arg){...})(param)這 就相當於定義了一個引數為arg

jQuery$(documnet).ready(function(){})與window.onload=function(){}區別

時間 span 圖片 執行 數量 執行時間 加載 doc fun 1.執行時間區別:        $(document).ready(function(){})簡寫為$(function(){}),在頁面框架加載完成之後執行。        window.onload=

$(document).ready(function(){}), $().ready(function(){})和$(function(){})三者區別

之間 jquer bsp fun 頁面加載 選擇 pan 無需 操作 當 DOM(文檔對象模型) 已經加載,並且頁面(包括圖像)已經完全呈現時,會發生 ready 事件。ready() 函數僅能用於當前文檔,因此無需選擇器。所以document選擇器可以不要,那麽就可以寫成

$(document).ready(function(){...})和$(document).load(function(){...})的區別

1. 概述 大家在敲jQuery程式碼的時候經常會用到$(document).ready(function(){...})和$(document).load(function(){...}),它們到底有什麼區別呢? 2.DOM文件載入的步驟: (1) 解析HTML結構。 (2)

Web前端工作筆記002---$(function(){})和$(document).ready(function(){}) 的區別

不錯,儲存了...  document.ready和onload的區別——JavaScript文件載入完成事件 頁面載入完成有兩種事件 一是ready,表示文件結構已經載入完成(不包含圖片等非文字媒體檔案) 二是onload,指示頁面包含圖片等檔案在內的所有元素都

$(function(){})與$(document).ready(function(){})的區別 載入完執行事件

document.ready和onload的區別——JavaScript文件載入完成事件 頁面載入完成有兩種事件 一是ready,表示文件結構已經載入完成(不包含圖片等非文字媒體檔案) 二是onload,指示頁面包含圖片等檔案在內的所有元素都載入完成。 用jQ的人

$(function(){})和$(document).ready(function(){}) 的區別

document.ready和onload的區別——JavaScript文件載入完成事件 頁面載入完成有兩種事件 一是ready,表示文件結構已經載入完成(不包含圖片等非文字媒體檔案) 二是onload,指示頁面包含圖片等檔案在內的所有元素都載入完成。 用jQ的人

【Web前端】$(document).ready(function(){}) 和 $(window).on("load",function(){}) 的異同

前言 在學習過程中,發現了 $(window).on(“load”,function() {}) 和 $(document).ready(function(){})的類似的功能,本著求實的精神,認真瞭解了他們的異同。 $(window).on(“load

$(document).ready(function() {});寫與不寫有什麼區別

不寫$(document).ready(function() {});,直接在<script></script>中寫事件,方法可以嗎? $(document).ready 裡的程式碼是在頁面內容都載入完才執行的,你直接寫到script標籤裡,當頁面

用javascript實現jquerydocument.ready功能的實現程式碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

$(function(){})和$(document).ready(function(){})

1.window.onload方法⑴執行時機:在網頁中所有元素(包括元素的所有關聯檔案)完全載入到瀏覽器後才執行,即JavaScript 此時可以訪問網頁中的所有元素。window.onload=function(){ $(window).load(function(){//編寫程式碼等價於 //編寫程式碼}

jquery $(document).ready() 與window.onload的區別

所有 window nload 轉載 lan query get 結構 article 轉載自http://www.jb51.net/article/21628.htm 1.執行時間 window.onload必須等到頁面內包括圖片的所有元素加載完畢後才能執

jQuerydocumentready和load事件的區別?

一個 log lai space fff num bsp add important 概述: 大家在工作中用jQuery的時候一定會在使用之前這樣: 1 2 3 4 5 6 7 8 //docu

18. jQuery-使用function()函式隨機展示圖片

1. 效果圖 2. html程式碼 <!DOCTYPE html> <html> <head> <title>jQuery-使用function()函式隨機展示圖片</title> <

jquery外掛開發;(function ( $, window, document, undefined ){}(jQuery, window,document)分析

經常看到許多jquery外掛是這種形式: 1 2 3 ;(function( $, window, document, undefined ){}){ //...code }(jquery,window,docu