码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 核心 - noConflict() 方法

时间:2017-04-10 13:32:36      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:code   round   javascrip   head   失效   原因   style   asc   hid   

1.遇到问题:

当我们写jquery时使用$,发现写的jquery全部失效;

 

2.发现问题:

排查后发现是noConflict()函数在作怪,因为使用noConflict()函数后,重新定义$名字为jq的原因,将$替换成jq即可实现所需效果;

 

3.分析方法:

使用 noConflict() 方法为 jQuery 变量规定新的名称:

var jq = $.noconflict();

例子:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var jq=$.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").hide();
  });
});
</script>
</head>

<body>
<h2>这是标题</h2>
<p>这是一个段落。</p>
<button>请点击这里</button>
</body>
</html>

 

jQuery 核心 - noConflict() 方法

标签:code   round   javascrip   head   失效   原因   style   asc   hid   

原文地址:http://www.cnblogs.com/wenzheshen/p/6688097.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!