`
woshixushigang
  • 浏览: 575849 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

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

    博客分类:
  • js
阅读更多

文章分类:Web前端

jquery 3种页面加载初始化的方法
2009-12-08 08:57

用一下三种方法的时候,页面在加载的时候都会执行脚本

1.我们都用这种

$(document).ready(function(){
alert("1");
});

2.据说是简化版

$(function(){
alert("2");
});

3.在网上看见的 试一下 居然也可以

jQuery(function($) {
alert("3");
});

 

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

1.在body里面写onload

2.在脚本里面写

window.onload=function(){
//要初始化的东西
}

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

var j = jQuery.noConflict();  

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

分享到:
评论
1 楼 wrj913 2011-10-26  
thank you!!! 对我这种菜鸟 很有用

相关推荐

    jquery 实现的等待加载页面

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

    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 css3进度条加载动画特效

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

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

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

    jquery动态页面加载进度条

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

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

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

    可初始化值的jQuery省市三级联动插件

    这种效果通过JavaScript和jQuery可以轻松实现,而这个插件则专门解决了这个问题,尤其是提供了初始化赋值的功能,使得在页面加载时就可以显示已选的省市地区。 插件的实现原理通常是利用jQuery的选择器和事件监听来...

    jQuery无限滚动加载图片瀑布流代码

    3. 初始化插件,绑定到合适的元素,通常是包含图片的容器。 4. 后端需要提供分页接口,以便按需返回图片数据。 ### 6. 示例代码 ```html <!DOCTYPE html> <title>jQuery无限滚动瀑布流 ...

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

    在页面加载方面,jQuery 提供了三种主要的初始化加载方法: 1. **$(document).ready() 或 $.ready()** 这是最常见的 jQuery 初始化方法,它会在 DOM(文档对象模型)完全加载并准备就绪后执行回调函数,但不等待...

    jquery 图片延迟加载

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

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

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

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

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

    jQuery 的加载事件

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

    js,jquery懒加载demo

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

    Jquery 图片懒加载

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

    jquery 下拉刷新上拉加载

    2. 初始化iScroll对象,指定包含可滚动内容的元素,并配置下拉刷新和上拉加载的相关选项。 3. 配置监听事件,当用户达到页面顶端或底端时,触发相应的刷新或加载函数。 4. 在后端或通过Ajax处理刷新和加载请求,更新...

    jQuery插件TreeView异步加载树

    data: [], // 初始化时为空 collapseIcon: "fa fa-caret-right", expandIcon: "fa fa-caret-down", onNodeSelected: function (event, node) { $.ajax({ url: "loadNodes.php", // 服务器端接口 type: "POST...

Global site tag (gtag.js) - Google Analytics