jQuery库与其他JavaScript库冲突的解决办法

本文介绍了如何在同一项目中同时使用jQuery和Prototype两个JavaScript库,通过使用jQuery的noConflict方法解决命名冲突问题,并展示了如何调用这两个库的功能。

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

  1. <script src="prototype.js"></script>  
  2. <script src="jquery.js"></script>  
  3. <script>  
  4.   jQuery.noConflict();   
  5.   // Use jQuery via jQuery(…)   
  6.   jQuery(document).ready(function(){   
  7.   jQuery(”div”).hide();   
  8.   });   
  9.   // Use Prototype with $(…), etc.   
  10.   $(’someid’).style.display = ‘none’;   
  11. </script>

记得要在载入完各js库后才能用jQuery.noConflict()进行重载哦,如例子中的prototype和jquery。

当然我们也可以不使用其默认的名字空间,比如我喜欢使用 $j() 而不是 jQuery() 。

  1. var $j = jQuery.noConflict();  
  2. $j(document).ready(function(){  
  3.   $j(”div”).hide();   
  4. });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值