jquery的初始化的方法

本文介绍了四种不同的页面加载初始化方法:三种使用jQuery的方式及一种纯JavaScript方法。这些技巧可以帮助解决页面加载时元素未准备好等问题,并提供了如何避免jQuery与其他库冲突的方案。

  1. $(document).ready(function(){  
  2.      alert("第一种方法。");   
  3. });  


第二种
[javascript]  view plain  copy
  1. $(function(){  
  2.     alert("第二种方法。");  
  3. });  

第三种

[javascript]  view plain  copy
  1. jQuery(function($) {  
  2.     alert("第三种方法。");  
  3. });  

s;不用jQuery,在页面初始化的方法,

1.在body里面写onload

2.在脚本里面写

[javascript]  view plain  copy
  1. window.onload=function(){  
  2.     //要初始化的东西  
  3. }  

 由于jquery使用$符号,这样和有些组件 ,例如dwr就有冲突,为了解决这个问题,可以使用

[javascript]  view plain  copy
  1. var j = jQuery.noConflict();    

jQuery 页面加载初始化常用的方法有三种,且在页面加载时都会执行脚本,主要看个人习惯。以下进行详细介绍及示例展示: 1. **第一种方法**:使用 `$(document).ready()` 函数。此函数会在文档的 DOM 完全加载后执行传入的回调函数。 ```javascript <script type="text/javascript" src="./js/jquery-1.7.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ trace("初始化方法进入"); }); function trace(obj){ console.log(obj); } </script> ``` 2. **第二种方法**:使用 `$(function(){})` 这种简洁的语法糖形式,它和 `$(document).ready()` 功能相同,只是写法更简洁。 ```javascript <script type="text/javascript"> $(function(){ trace("初始化方法进入二"); }); function trace(obj){ console.log(obj); } </script> ``` 3. **第三种方法**:使用 `jQuery(function($){})`,当需要避免 `$` 符号冲突时可使用这种方式,`$` 作为参数传入回调函数,在函数内部可使用 `$` 来调用 jQuery 方法。 ```javascript <script type="text/javascript" src="./js/jquery-1.7.min.js"></script> <script type="text/javascript"> jQuery(function($){ trace("初始化方法进入三"); }); function trace(obj){ console.log(obj); } </script> ``` 此外,若不使用 jQuery,页面初始化方法有: 1. 在 `body` 标签里写 `onload` 属性。 ```html <body onload="initFunction()"> <!-- 页面内容 --> </body> <script> function initFunction() { // 要初始化的东西 } </script> ``` 2. 在脚本里写 `window.onload` 函数。 ```javascript window.onload = function() { // 要初始化的东西 } ``` 当 jQuery 的 `$` 符号和其他组件(如 DWR)冲突时,可使用 `jQuery.noConflict()` 方法解决。 ```javascript var j = jQuery.noConflict(); j(function(){ // 使用 j 来代替 $ 进行操作 j("body").css("background-color", "red"); }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值