若是使用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