jQuery学习---入口函数

syy

发布于 2020-05-14 22:48:41

1.5K0

发布于 2020-05-14 22:48:41

文章被收录于专栏：多选参数

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）去这里看看。还有最后一点，一定要记得自己写的代码要写备注。不然你可以试一下，嘻嘻。

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2020-05-09，如有侵权请联系 cloudcommunity@tencent.com 删除

jquery

javascript

本文分享自多选参数微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

jquery

javascript

登录后参与评论

0 条评论

热度