2019独角兽企业重金招聘Python工程师标准>>>
如果使用jquery,首先得从初始化方法开始,基本上每个页面打开时都会做初始化的工作,初始化方法有三种:
Method 1:标准方式
$(document).ready(function(){
alert("jquery初始化方法1");
});Method 2: 简化方式
$(function(){
alert("jquery初始化方法2-1");
}).jQuery;或更简单
$(function(){
alert("jquery初始化方法2-2");
});Method 3:
jQuery(function(){
alert("jquery初始化方法3");
});
三种方式代码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.οnlοad=function(){
//要初始化的东西
}
区别: onload只有一个,jquery初始化可以有多个,会顺序执行
2. jquery冲突
由于jquery使用$符号,这样和有些组件 ,例如dwr就有冲突,为了解决这个问题,可以使用
var j = jQuery.noConflict();
这样就用“j”来替换了$。
3在线调试脚本
http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide