博客列表 >jQuery两种引入方式和四种加载方式

jQuery两种引入方式和四种加载方式

唔良人
唔良人原创
2018年04月02日 22:33:522710浏览


4种加载方式

3. 页面加载后执行:

$(function(){})

示例:
$(function(){
  alert('Hello jb51');
});


1. 页面加载之前执行,与嵌入的js加载方式一样:
(function($){})(jquery)

示例:
 (function($){  
     alert('Hello jb51');
 })(jquery);


2. 页面加载后执行:
$(document).ready(function(){})

示例:
$(document).ready(function(){
  alert('Hello jb51');
});


4. 页面加载后执行:
jquery(function($){})


示例:
jquery(function($){
  alert('Hello jb51');
});


PS:上述加载方法中的:

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

等价于:

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


==================================================================================================================================================

两种jQuery引入方式

第一种:cdn静态资源库引用

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

第二种:本地下载引用

本地引用,这个需要自己到官网上去下载jq插件库,导入本地项目,直接相对地址引用

src = "本地jquery地址/jquery-3.1.1.js"



声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议