jquery学习初始篇

来源:互联网 发布:ppt模板 windows官网 编辑:程序博客网 时间:2024/06/05 02:12

jquery的noConflict方法

  1. 何时使用noConflict方法
我们平时会用到jquery 的js库,也可能会用到node.js库,但是有的时候使用的变量是一样的,这样就会引起冲突。
    jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解    决该问题。
  1. 使用jq来重命名$,也就是说jq作为jQuery的简介方式,如下

<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js"></script>

<script>

var jq=$.noConflict();


jq(document).ready(function(){

  jq("button").click(function(){

    jq("p").text("jQuery 仍在运行!");

  });

});

</script>

</head>


<body>

<p>这是一个段落。</p>

<button>测试 jQuery</button>

</body>

</html>

0 0