Jqyery中同等與js中windows.onload的應(yīng)用
更新時(shí)間：2011年05月10日 23:49:39 作者：
我們知道，在javascript中用來執(zhí)行頁(yè)面加載中的操作時(shí)候，我們會(huì)使用windows.onload=function(){}或者windows.onload=函數(shù)名(),也可以在body中調(diào)用onload事件調(diào)用方法即可，在jQuery中也有相當(dāng)?shù)拇a
復(fù)制代碼 代碼如下:
$(function(){//腳本})
Jquery(function(){//腳本})
Jquery(document).ready(function(){//腳本})
以上三個(gè)代碼執(zhí)行同一個(gè)動(dòng)作，由于書寫方便，所以Jquery比其他應(yīng)用程序更受歡迎，但是當(dāng)與其他js程序庫(kù)一起使用的時(shí)候，特別是prototype.js同時(shí)使用時(shí)，不能使用$方法，因?yàn)樗麄円灿性摲椒?，可以用如下方法回避這種沖突：
jQuery(function($){//腳本})
他們都是當(dāng)Dom加載完后執(zhí)行的操作，所以放在html的任何位置都可以，但是有些情況，比如上一節(jié)提到的加載事件的方法
復(fù)制代碼 代碼如下:
<div id="divInfo">Hello,Word!</div>
<input id="btnShow" type="button" value="顯示" />
<input id="btnHid" type="button" value="隱藏" />
<input id="btnChange" type="button" value="修改為:hello" />
<script type="text/javascript">
$("#btnShow").bind("click",function(event){$("#divInfo").show()});
$("#btnHid").bind("click",function(event){$("#divInfo").hide();});
$("#btnChange").bind("click",function(event){$("#divInfo").html("hello");});
</script>
這里面則是在加載的過程中執(zhí)行的，就是必須加載完相關(guān)元素才可以執(zhí)行，如果把他們放到上面的代碼中就靈活的多了
復(fù)制代碼 代碼如下:
<div id="divInfo">Hello,Word!</div>
<input id="btnShow" type="button" value="顯示" />
<input id="btnHid" type="button" value="隱藏" />
<input id="btnChange" type="button" value="修改為:hello" />
<script type="text/javascript">
jQuery(function($){$("#btnShow").bind("click",function(event){$("#divInfo").show()});
$("#btnHid").bind("click",function(event){$("#divInfo").hide();});
$("#btnChange").bind("click",function(event){$("#divInfo").html("hello");})
})
</script>
那么這個(gè)加載事件可以放在任何位置了...
您可能感興趣的文章:
相關(guān)文章
Laravel admin實(shí)現(xiàn)消息提醒、播放音頻功能
這篇文章主要介紹了Laravel admin實(shí)現(xiàn)消息提醒、播放音頻功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-07-07
jQuery對(duì)table表格進(jìn)行增刪改查
這篇文章主要為大家詳細(xì)介紹了jQuery對(duì)table表格進(jìn)行增刪改查操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
jQuery之a(chǎn)jax技術(shù)的詳細(xì)介紹
本篇文章是對(duì)jQuery中的ajax技術(shù)進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
這篇文章主要介紹了jQuery中position()方法用法,實(shí)例分析了position()方法的功能、定義及獲取匹配元素相對(duì)某些元素的偏移量時(shí)的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了JQuery與JS里submit()的區(qū)別,需要的朋友可以參考下2014-02-02
Jquery 滑入滑出效果實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-03-03
jQuery Validate設(shè)置onkeyup驗(yàn)證的實(shí)例代碼
jQuery Validate 插件為表單提供了強(qiáng)大的驗(yàn)證功能，讓客戶端表單驗(yàn)證變得更簡(jiǎn)單，同時(shí)提供了大量的定制選項(xiàng)，滿足應(yīng)用程序各種需求。這篇文章主要介紹了jQuery Validate設(shè)置onkeyup驗(yàn)證的相關(guān)資料,需要的朋友可以參考下2016-12-12
JQuery和PHP結(jié)合實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條上傳顯示
本文給大家介紹JQuery和PHP結(jié)合實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條上傳顯示功能，本文分步驟給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-11-11
jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒
XSS指的是跨站腳本攻擊,比如人們常說的向$傳入字符串或者字符串轉(zhuǎn)換可執(zhí)行函數(shù)等一些安全方面值得注意的細(xì)節(jié),下面就為大家整理了jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒2016-05-05
下面小編就為大家?guī)硪黄薷膉query中dialog的title屬性方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08