`
langgufu
  • 浏览: 2289449 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

 
阅读更多
Query 页面加载初始化的方法有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 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁。 第一种: $(document).ready(function(){ alert("第一种方法。"&#41...

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

    1、jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本, 第一种(比较常用): 代码如下: $.function(){ alert(“第一种方法”); }); 第二种: 代码如下: $(document).ready(function(){ ...

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

    当页面打开时我们需要执行一些操作,下面为大家介绍三种不错的方法,大家可以参考下

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

    主要介绍了jQuery移动web开发中的页面初始化与加载事件,是JavaScript移动端页面开发学习中的基础知识,需要的朋友可以参考下

    jquery插件使用方法大全

    基本上Jquery的很多plugin都是利用这个特性,正因为这个特性,多个plugin共同使用起来,在初始化时不会发生冲突。 当使用jquery时,推荐使用代码1。 编辑本段事件机制  我们大量使用的事件可能就是button的onclick...

    自制JQuery弹出层插件 PopupDiv-v1.0

    JQuery弹出层插件 PopupDiv-v1.0 通用自定义弹出层插件 by maxcoold 2009-2-29 ... -------------------------...支持自定义事件,如:初始化前事件、初始化后事件、弹出前事件、弹出后事件等等...共8个看下面参数表和案例

    jquery事件的ready()方法使用详解

    他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触发,显然ready更适合作为页面初始化使用。但有时候也不尽然。需要进一步查看其内部机制。 那么...

    js 某个页面监听事件渲染完毕的时间.pdf

    主要目的是监听页面渲染完毕的时间,从而进行一些相关操作,如加载页面数据、初始化组件等。适用人群主要是前端开发人员,需要了解HTML、JavaScript等相关知识。 使用场景主要是在需要在页面渲染完毕之后进行操作的...

    jQuery详细教程

    如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。 当我们在教程中演示 jQuery 时,会将函数直接添加到 <head> 部分中。不过,把它们放到一个单独的...

    jquery zTree

    * 【修改】初始化时 radioType="all", 父节点未展开 且 子节点有被勾选,点击其他 radio 时,不会取消勾选该子节点的bug * 【修改】多棵树拖拽时,拖拽无效后会导致目标书已选择的节点清空的 bug。 * 【修改】多...

    vue.js页面加载执行created,mounted的先后顺序说明

    created页面加载未渲染html之前执行。 ... ... 补充知识:关于Vue子组件data选项某个属性引用子组件props定义的属性的几点思考 ...在项目开发中,我们会遇到这种需求,页面初始化时,父组件通过接口拿到需要数据,然后拿到

    VUE引入第三方js包及调用方法讲解

    3、mounted 是初始化加载的方法 可以理解为jquery 中的页面加载完的初始化方法 如果第三方包有初始化需要调用的一些函数等 需要写在mounted 中  4、第三方js包如果有回调函数需要写实现 也需要写在 mounted...

    浅析jQuery(function(){})与(function(){})(jQuery)之间的区别

    Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。 $(document).ready(function(){ // 在这里写你的代码…});...是初始化jquery对象的惯用方法. 通俗点说就是在页面加载完

    手机端快滑到底部时,自动加载ajax请求下一页

    AJAX请求数据,绑定滚轴,滚到底部时自动加载下一页 适用于微信、手机网页端 /** * 调用方法 ... * js代码如下 */ $('#data_box').scrollAjax({ ... init: true, //是否自动初始化 error: null //错误时显示的方法 });

    JazzyAjax:jQuery库将网页加载到div或其他容器中

    将初始化代码放在某个地方(一个好地方就在</body>标记的末尾。 < script > $ ( document ) . jazzyAjax ( ) ; </ script > 用法 通过在或<form>元素中添加data-container="#your-...

Global site tag (gtag.js) - Google Analytics