jq入口函数的作用_jQuery学习入口函数

本文对比了jQuery与JavaScript的入口函数,在JavaScript中,多个window.onload只会执行一次且需网页全加载完;而jQuery的$(document).ready()可执行多次,只需DOM结构加载完。还介绍了$访问符冲突的解决办法,如释放$使用权、自定义其他访问符号。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ad355e458a59cbf659969694dd655000.png

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 。。。

不甘于「本该如此」,「多选参数 」值得关注

6150d0878f33b2f21941767e6490f966.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值