如果使用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