原生 JS与Jquery 入口函数的差别 及 $ 冲突问题

2 篇文章 0 订阅
1.原生 JS与Jquery 入口函数加载模式不同(只有script 放在文档上面时 才使用的入口函数)


    JS 入口加载函数   window.onload = function(){  }   
原生js 会等到DOM元素加载完毕,并且 元素中的 src 也加载完毕才会执行
JQuery 入口函数  $(document).ready(function(){ }) 和  $(function(){ })    $代表 jQuery 
jQuery 会等到DOMTree 解析完毕就执行(也就是 浏览器知道DOM元素的你是个啥就好 不用知道你具体是啥)  不会等到所有的DOM 元素解析加载完成时 执行


2. 原生JS 如果写入了多个入口函数  后面的入口函数 会覆盖前面的(存在多个时 会执行最后一个)

        使用JQuery写入多个入口函数 后面写的入口函数 不会覆盖先写的入口函数(存在多个时 会依次执行)



当多个使用其它框架或者js包时  $符号会在框架及包中 进行多次引用  这样 jQuery 中的$ 符号可能会失灵

解决方案1, 释放$使用权  在jQuery 代码前 写入 jQuery.noConflict();  在这条代码之后的代码 $都该为jQuery  $失效

//注意  释放操作必须放在编写其他 jQuery代码之前写入     写入后 jQuery的代码中的$ 被jQuery取代


   jQuery.noConflict();

        $(function () {
            alert("a");
        }) 

 报错信息: Uncaught TypeError: $ is not a function

解决方案2,自定义访问符号  

    var jq = jQuery.noConflict();  //意义将$释放  改为使用jq 



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

驴肉火烧荷包蛋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值