我對jquery有疑問使用jquery中的代碼
爲什麼我們使用代碼$(document).ready(function() { .... });
?
該代碼在開始時的用法是什麼。
是什麼
alert (' .... ')
和
$(document).ready(function() {
alert(' ... ')
)};
我對jquery有疑問使用jquery中的代碼
爲什麼我們使用代碼$(document).ready(function() { .... });
?
該代碼在開始時的用法是什麼。
是什麼
alert (' .... ')
和
$(document).ready(function() {
alert(' ... ')
)};
當你使用jQuery,下面通常發生:
通常,您希望靜態HTML頁面在您開始使用jQuery進行更改之前完成加載/初始化。用這個語句包裝你的jQuery
$(document).ready(function() { .... });
確保你的jQuery不會執行,直到HTML頁面顯示'我已經完成加載'。你可以在這裏閱讀更多:
使用$之間的差異(文件)。就緒意味着什麼,你寫的語句中進行後頁面有完成加載。
jquery文檔指出,DOM完全加載時會觸發ready事件,換言之,當HTML文檔(不包括圖像,視頻,外部源等)被加載時會觸發該事件。
假設您的jquery語句放在語句的中間,並且聲明瞭HTML頭部的jQuery插件。 沒有
$(document).ready(function(){...});
你可能會遇到麻煩時,行動涉及這是因爲該命令將立即執行該語句後放元素。
的$(document) - 在這裏,文件是一個選擇。我們也可以使用其他選擇器(例如:Class或ID選擇器)。換句話說,我們可以從HTML頁面中選擇一個或多個元素。
ready(函數() - 這裏,ready指的是ready事件,它也可以被其他事件替代。
{some code;}); - 這是指發生上述事件時將執行的代碼。 因此,$(document).ready(function(){some code;});表示只有當整個網頁(文檔)完成加載(就緒事件)時纔會執行代碼。
接下來你的問題的一部分,考慮下面的代碼:
jQuery代碼:
<script>
$(document).ready(function(){
$("form").submit(function(){
alert("Submitted");
});
});
</script>
HTML代碼:
<form action="other.html">
<input type="submit" value="Submit">
</form>
現在只有當您點擊提交按鈕(在表單上執行提交事件)時,警報框纔會顯示。
現在考慮的代碼:
alert("Alert is displayed");
,這將產生一個警告框不受任何事件被觸發。 在大多數情況下,您只需要提醒即可觸發特定事件或情況。
警報是$(document).ready()如何工作的一個壞例子。除非您在該警報中有選擇器。假設你想選擇ID =「test」的div。如果您的腳本位於頁面頂部,則無法使用。因爲腳本在div添加到DOM之前運行。如果你把選擇器放在$(document).ready(function(){})中;它只會在DOM中添加所有內容後才運行。 – Gezzasa