javascript中$(function() {});寫與不寫有哪些區(qū)別

更新時(shí)間：2015年08月10日 10:32:52 作者：碼農(nóng)小杰

javascript中$(function() {....}) 是jQuery中的經(jīng)典用法，等同于 $(document).ready(function() {....}) javascript中$(function() {});寫與不寫有哪些區(qū)別，需要的朋友可以參考下

javascript中$(function() {....}) 是 jQuery 中的經(jīng)典用法，等同于 $(document).ready(function() {....})，即在頁面加載完成后才執(zhí)行某個(gè)函數(shù)，如果函數(shù)中要操作 DOM，在頁面加載完成后再執(zhí)行會(huì)更安全，所以在使用 jQuery 時(shí)這樣的寫法很常見。

$(document).ready() 里的代碼是在頁面內(nèi)容都加載完才執(zhí)行的，如果把代碼直接寫到script標(biāo)簽里，當(dāng)頁面加載完這個(gè)script標(biāo)簽就會(huì)執(zhí)行里邊的代碼了，此時(shí)如果你標(biāo)簽里執(zhí)行的代碼調(diào)用了當(dāng)前還沒加載過來的代碼或者dom，那么就會(huì)報(bào)錯(cuò)，當(dāng)然如果你把script標(biāo)簽放到頁面最后面那么就沒問題了，此時(shí)和ready效果一樣。

$(document).ready(function(){})可以簡(jiǎn)寫成$(function(){});

點(diǎn)擊段落后，此段落隱藏：

<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("p").click(function(){
 $(this).hide();
 });
});
</script>
</head>
<body>
 <p>If you click on me, I will disappear.</p>
</body>
</html>

如果把$(document).ready(function() {});去掉后，無法隱藏段落：

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $("p").click(function(){
 $(this).hide();
 });
</script>
</head>
<body>
 <p>If you click on me, I will disappear.</p>
</body>
</html>

但是把script放到頁面最后的話，就可恢復(fù)隱藏效果：

<html>
<head>
</head>
<body>
 <p>If you click on me, I will disappear.</p>
</body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
 $("p").click(function(){
  $(this).hide();
 });
</script>
</html>

javascript 中(function(){})()的作用和用法有哪些

和對(duì)象啥的沒關(guān)系
(function(){})() 代表立即執(zhí)行一個(gè)匿名的方法
一般用來與外界隔絕制造一個(gè)似閉包的環(huán)境創(chuàng)建一個(gè)作用域鏈避免變量沖突

(function(){
 var a;
..........
})()

這篇文章主要介紹了javascript中$(function() {});寫與不寫有哪些區(qū)別，希望對(duì)大家有所幫助。

您可能感興趣的文章:

js
function

相關(guān)文章

JavaScript 中的12種循環(huán)遍歷方法【總結(jié)】
本文給大家總結(jié)了12種JavaScript 中的1循環(huán)遍歷方法,每種方法通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-05-05
js找出5個(gè)數(shù)中最大的一個(gè)數(shù)和倒數(shù)第二大的數(shù)實(shí)現(xiàn)方法示例小結(jié)
這篇文章主要介紹了js找出5個(gè)數(shù)中最大的一個(gè)數(shù)和倒數(shù)第二大的數(shù)實(shí)現(xiàn)方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript數(shù)組遍歷、排序、判斷、比較等相關(guān)操作技巧,需要的朋友可以參考下
2020-03-03
Bootstrap基本插件學(xué)習(xí)筆記之Tooltip提示工具(18)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本插件學(xué)習(xí)筆記之oltip提示工具的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
Bootstrap前端開發(fā)案例二
Bootstrap前端開發(fā)案例二，這篇文章能夠幫助大家更還好的進(jìn)行前端開發(fā)Bootstrap，相信大家會(huì)愛上Bootstrap
2016-06-06
js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于js判斷數(shù)組中是否包含某個(gè)值的4種方法,數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)我們經(jīng)常需要在數(shù)組中查找特定的值,JavaScript 包含一些內(nèi)置方法來檢查數(shù)組是否有特定的值或?qū)ο?需要的朋友可以參考下
2023-11-11
JS非行間樣式獲取函數(shù)的實(shí)例代碼
這篇文章主要介紹了JS非行間樣式獲取函數(shù)的實(shí)現(xiàn)代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-06-06
js刪除數(shù)組中某幾項(xiàng)的方法總結(jié)
在本篇文章里小編給大家分享了關(guān)于js刪除數(shù)組中某一項(xiàng)或幾項(xiàng)的幾種方法內(nèi)容，有需要的朋友們學(xué)習(xí)下。
2019-01-01
微信開發(fā)之企業(yè)付款到銀行卡接口開發(fā)的示例代碼
這篇文章主要介紹了微信開發(fā)之企業(yè)付款到銀行卡接口開發(fā)的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-09-09
小程序上傳文件至云存儲(chǔ)的實(shí)現(xiàn)
在小程序云開發(fā)中，要實(shí)現(xiàn)上傳文件至云存儲(chǔ)，有兩種方案：云函數(shù)和HTTP?API，本文主要講講如何使用HTTP?API實(shí)現(xiàn)小程序外上傳文件至云存儲(chǔ)，感興趣的可以了解一下
2022-01-01
深入理解JS中的substr和substring
下面小編就為大家?guī)硪黄钊肜斫釰S中的substr和substring。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
2016-04-04