jQuery学习---入口函数---syy

1. jQuery与JavaScript的对比

1.1 在JavaScript中

· 当有多个 window.onload 时只会执行一次,前面的会被后面的覆盖

1 window.onload = function () { 2 alert("Hello·多选参数"); // 不会弹窗 3 } 4 window.onload = function () { 5 alert("多选参数"); // 会弹窗 6 }

· window.onload函数必须等待网页全部加载完毕(包括 图片等),然后再执行里面的代码。

1.2 在jQuery中

· 多个$(document).ready()会执行多次,前面的不会被后面的覆盖

1 $(document).ready(function () { 2 alert("Hello·多选参数"); //会弹窗 3 }); 4 $(document).ready(function () { 5 alert("多选参数"); // 会弹窗 6 });

· $(document).ready() 只需要等待网页中的 DOM 结构 加载完毕,就能执 行里面的代码。并且他可以简写为$(function () { });

·在jQuery中满足下列等式

1window.jQuery = window.$ = jQuery;

所以jQuery的入口函数又可以写为：

1<script> 2 // 方式一 3 $(document).ready(function () { 4 alert("Hello·多选参数"); 5 }); 6 // 方式二 7 $(function () { 8 alert("Hello·多选参数"); 9 }); 10 // 方式三 11 jQuery(document).ready(function () { 12 alert("Hello·多选参数"); 13 }); 14 // 方式四 15 jQuery(function () { 16 alert("Hello·多选参数"); 17 }); 18</script>2. $访问符冲突时怎么办？

可能有人会问，要是我先引入jQuery然后自己定义了一个$(如下)，那么 jQuery 中的$ 访问符不就不能用了吗？

1<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> 2<script> 3 var $ = function(){ 4 alert("Hello·多选参数"); 5 } 6</script>

接着咱们来看这个问题怎么解决

·这个问题问题很简单，那你不要用 $ 符号定义不就解决了（黑人脸），当然这里就是皮一下。咱们认真讨论一下这个问题。

· 释放 $ 使用权

· 当 $ 访问符号发生冲突时使用权,我们可以释放释放 $ 使用权,释放之后,只能使用 jQuery

1<script> 2 // 释放$的使用权 3 jQuery.noConflict(); 4 // 使用 jQuery 5 jQuery(function () { 6 alert("Hello·多选参数"); 7 }); 8 // 使用其他库的 $() 9 $(); 10</script>· 自定义其他访问符号

· 当 $ 访问符号发生冲突时,我们可以自定义其他访问符号

1<script> 2 // 在使用jQuery之前指定自定义符号 3 var syy = jQuery.noConflict(); 4 // 在这里syy = $ 5 // 和使用$一样通过自定义符号调用jQuery 6 syy(function () { 7 alert("Hello·多选参数"); 8 }); 9</script>

最后的唠叨：

到这里基本的刚接触需要了解的东西就学完了，往后就要开始学习比较深一层次的东西了，大家可以去jQuery官网了解一下，或者（http://hemin.cn/jq/index.html）去这里看看。还有最后一点，一定要记得自己写的代码要写备注。不然你可以试一下，嘻嘻。

---来自腾讯云社区的---syy