jquery 3種初始化方法

若是使用jquery,首先得從初始化方法開始,基本上每一個頁面打開時都會作初始化的工做,初始化方法有三種:html

Method 1:標準方式jquery

$(document).ready(function(){
alert("jquery初始化方法1");
});ide

Method 2: 簡化方式調試

$(function(){
alert("jquery初始化方法2-1");
}).jQuery;htm

或更簡單ip

$(function(){
alert("jquery初始化方法2-2");
});io

Method 3:function

jQuery(function(){
alert("jquery初始化方法3");
});方法

三種方式代碼demo:demo

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
alert("jquery初始化方法1");
});
$(function(){
alert("jquery初始化方法2-1");
}).jQuery;
$(function(){
alert("jquery初始化方法2-2");
});
jQuery(function(){
alert("jquery初始化方法3");
});
</script>
</head>
<body>
...
</body>
</html>

 

追記:

1. js的 onload方法

在body裏面寫或者在腳本里寫:

window.onload=function(){  

    //要初始化的東西  

}  

區別: onload只有一個,jquery初始化能夠有多個,會順序執行

2. jquery衝突

 因爲jquery使用$符號,這樣和有些組件 ,例如dwr就有衝突,爲了解決這個問題,能夠使用

var j = jQuery.noConflict();    

這樣就用「j」來替換了$。

3在線調試腳本

http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide

相關文章
相關標籤/搜索