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 });18script>
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 }6script>
接着咱们来看这个问题怎么解决
·这个问题问题很简单,那你不要用 $ 符号定义不就解决了(黑人脸),当然这里就是皮一下。咱们认真讨论一下这个问题。
· 释放 $ 使用权
· 当 $ 访问符号发生冲突时使用权,我们可以释放释放 $ 使用权,释放之后,只能使用 jQuery
1<script> 2 // 释放$的使用权 3 jQuery.noConflict(); 4 // 使用 jQuery 5 jQuery(function () { 6 alert("Hello·多选参数"); 7 }); 8 // 使用其他库的 $() 9 $();10script>
· 自定义其他访问符号
· 当 $ 访问符号发生冲突时,我们可以自定义其他访问符号
1<script>2 // 在使用jQuery之前指定自定义符号3 var syy = jQuery.noConflict();4 // 在这里syy = $5 // 和使用$一样通过自定义符号调用jQuery6 syy(function () {7 alert("Hello·多选参数");8 });9script>
最后的唠叨:
到这里基本的刚接触需要了解的东西就学完了,往后就要开始学习比较深一层次的东西了,大家可以去jQuery官网了解一下,或者(http://hemin.cn/jq/index.html)去这里看看。还有最后一点,一定要记得自己写的代码要写备注。不然你可以试一下,嘻嘻。
To be continued 。。。
不甘于「本该如此」,「多选参数 」值得关注