`
endual
  • 浏览: 3555000 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery页面加载初始化的3种方法

 
阅读更多
 

jQuery页面加载初始化的3种方法

分类: javascript jQuery 4200人阅读 评论(2) 收藏 举报
jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁。

第一种:

 

[javascript] view plaincopy
 
  1. $(document).ready(function(){  
  2.      alert("第一种方法。");   
  3. });  
第二种:

 

 

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

 

第三种:

 

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

 

ps;不用jquery,在页面初始化的方法,

1.在body里面写onload

2.在脚本里面写

 

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

 

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

 

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

 

这样就用“j”来替换了$。

分享到:
评论

相关推荐

    jQuery页面加载初始化的3种方法(推荐)

    以下是对标题中提到的jQuery页面加载初始化的三种方法的详细解释: 1. **第一种方法:**`$(document).ready(function() {...})` 这是最常见和直观的页面加载事件处理方式。`$(document).ready()`函数确保在DOM完全...

    jQuery页面加载初始化常用的三种方法

    以下是jQuery中用于页面加载初始化的三种常见方法的详细解释: ### 1. `$(document).ready()` 方法 `$(document).ready()` 是jQuery中最经典的页面加载初始化方法。这个方法会在DOM(文档对象模型)完全加载并解析...

    jquery.lazyload图片预加载效果 jquery预加载

    3. 初始化插件:在jQuery的$(document).ready()函数中调用$.fn.lazyload()方法,进行初始化配置。 ```javascript $(function() { $("img.lazy").lazyload(); }); ``` 这里,".lazy"是图片的选择器,可以根据实际...

    jQuery懒加载插件页面滚动加载数据代码

    jQuery懒加载插件是一种优化网页性能的技术,它允许我们在用户滚动页面时按需加载内容,而不是一次性加载所有数据。这种技术对于拥有大量图片、视频或动态数据的网页尤其有用,因为它减少了初始页面加载时间,提高了...

    jquery 实现的等待加载页面

    开发者通常会在`<head>`标签内引入jQuery库,并在`<body>`标签的`$(document).ready()`函数中编写加载动画的初始化代码,确保在页面内容加载之前显示加载提示。 `更多素材.url`是一个快捷方式或书签,指向更多的...

    jQuery 的加载事件

    #### 二、jQuery页面加载方法概述 jQuery提供了多种处理页面加载事件的方法,主要包括`$(document).ready()`, `$(window).load()`以及`$(window).on('load', function() {})`等几种方式。每种方法都有其适用场景和...

    jquery跟js初始化加载的多种方法及区别介绍

    在网页开发中,初始化加载是指在页面内容加载完毕后执行特定的脚本或操作。jQuery 和 JavaScript 都提供了不同的方式来实现这一功能,但它们之间存在一定的区别。 **jQuery 的初始化加载方法** jQuery 以它的高效...

    js,jquery懒加载demo

    JavaScript 和 jQuery 的懒加载技术是一种优化网页性能的策略,它主要应用于图片、视频或大量数据的加载。懒加载的核心思想是延迟加载非视口内的资源,直到用户滚动到相应的位置时才进行加载,从而减少首屏加载时间...

    jquery动态页面加载进度条

    7. **插件结构**:一个好的jQuery插件应该遵循一定的结构,包括初始化、配置选项、公共方法等。这样便于其他开发者理解和扩展插件功能。 综上所述,"jquery动态页面加载进度条"插件结合了jQuery的DOM操作、事件处理...

    jQuery无限加载瀑布流插件masonry.zip

    1. **初始化插件**:在页面加载完成后,你需要通过jQuery选择器找到目标元素,然后调用`.masonry()`方法进行初始化。例如: ```javascript $(document).ready(function() { var container = $('.container'); ...

    jquery延迟加载图片

    这样可以显著减少首屏加载时间,提高页面初始化速度,同时节省了用户的网络资源。 ### jQuery实现步骤 1. **选择图片元素**:首先,我们需要对页面中的图片元素进行标记,通常我们会添加一个特殊的类名,如"data-...

    jQuery图片加载loading加载层动画插件

    3. **初始化插件**:在页面加载完成后,使用jQuery的选择器找到需要添加动画的图片元素,然后调用ProgressBar.js的方法初始化加载动画。 4. **配置参数**:你可以根据需要设置一些参数,如进度条的颜色、速度等,来...

    jQuery数据加载进度条代码.zip

    3. **jQuery初始化**:在文档加载完成后,使用jQuery的`$(document).ready()`函数来初始化进度条。这可能包括设置初始进度值,以及绑定相关的事件监听器。 4. **进度更新**:当数据加载过程中,通过调用jQuery的...

    jquery 图片延迟加载

    然后在页面加载完成后,我们通过jQuery初始化插件: ```javascript $(function() { $("img.lazy").lazyload(); }); ``` ### 四、优化与注意事项 - **兼容性**:确保所使用的jQuery版本和延迟加载插件兼容,同时...

    Jquery 图片懒加载

    3. **初始化插件**:在文档加载完成后,调用 Lazyload 初始化方法: ```javascript $(document).ready(function() { $(".lazy").lazyload(); }); ``` 4. **可选配置**:根据需求,你可以通过传递配置对象来...

    jquery css3进度条加载动画特效

    标题中的“jQuery CSS3进度条加载动画特效”指的是利用JavaScript库jQuery和CSS3技术来创建一种视觉效果,即在网页内容加载时显示的进度条。这种特效可以提供用户反馈,表明页面正在加载,并且增加了用户体验的互动...

    jQuery移动web开发中的页面初始化与加载事件

    在jQuery Mobile框架中,页面的初始化过程是由框架自动处理的,开发者可以通过注册这两种事件来在页面初始化的不同阶段执行自定义的代码。`pagebeforecreate`事件会在页面的DOM元素被插入到DOM中之前触发,这时页面...

Global site tag (gtag.js) - Google Analytics