[原创]jQuery常用的4种加载方式分析


Posted in Javascript onJuly 25, 2016

本文实例分析了jQuery常用的4种加载方式。分享给大家供大家参考,具体如下:

1. 页面加载之前执行,与嵌入的js加载方式一样:

(function($){})(jquery)

示例:

(function($){
  alert('Hello 3water');
})(jquery);

2. 页面加载后执行:

$(document).ready(function(){})

示例:

$(document).ready(function(){
  alert('Hello 3water');
});

3. 页面加载后执行:

$(function(){})

示例:

$(function(){
  alert('Hello 3water');
});

4. 页面加载后执行:

jquery(function($){})

示例:

jquery(function($){
  alert('Hello 3water');
});

PS:上述加载方法中的:

$(document).ready(function(){
 //代码段
});

等价于:

$(function(){
 //代码段
});

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
Javascript学习笔记2 函数
Jan 11 Javascript
基于JQuery实现CheckBox全选全不选
Jun 27 Javascript
JS仿flash上传头像效果实现代码
Jul 18 Javascript
JQuery中节点遍历方法实例
May 18 Javascript
设置点击文本框或图片弹出日历控件的实现代码
May 12 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
Jul 17 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
Dec 18 Javascript
element-ui表格数据转换的示例代码
Aug 24 Javascript
微信小程序使用wxParse解析html的实现示例
Aug 30 Javascript
Vue 使用formData方式向后台发送数据的实现
Apr 14 Javascript
jQuery三组基本动画与自定义动画操作实例总结
May 09 jQuery
浅谈vue中document.getElementById()拿到的是原值的问题
Jul 26 Javascript
JS仿百度自动下拉框模糊匹配提示
Jul 25 #Javascript
JS本地刷新返回上一页代码
Jul 25 #Javascript
jQuery layui常用方法介绍
Jul 25 #Javascript
Bootstrap Validator 表单验证
Jul 25 #Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 #Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 #Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 #Javascript
You might like
PHP采集利器 Snoopy 试用心得
2011/07/03 PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
DEDE实现转跳属性文档在模板上调用出转跳地址
2016/11/04 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
javascript+css 网页每次加载不同样式的实现方法
2009/12/27 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
点击表单提交时出现jQuery没有权限的解决方法
2014/07/23 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
js+html5实现手机九宫格密码解锁功能
2018/07/30 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
2019/04/17 Javascript
浅谈vue的第一个commit分析
2020/06/08 Javascript
python进阶_浅谈面向对象进阶
2017/08/17 Python
python实现远程控制电脑
2019/05/23 Python
Python寻找路径和查找文件路径的示例
2019/07/10 Python
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
HTML5实践-图片设置成灰度图
2012/11/12 HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
美国轮胎网站:Priority Tire
2018/11/28 全球购物
个性婚礼策划方案
2014/05/17 职场文书
幼儿园大班开学寄语
2014/08/02 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
学校四风对照检查材料
2014/08/28 职场文书
营销计划书范文
2015/01/17 职场文书
党支部季度考核意见
2015/06/02 职场文书
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
2021/03/30 HTML / CSS
redis客户端实现高可用读写分离的方式详解
2021/07/04 Redis
实战Python爬虫爬取酷我音乐
2022/04/11 Python
Redis实现订单过期删除的方法步骤
2022/06/05 Redis
Navicat Premium自定义 sql 标签的创建方式
2022/09/23 数据库