`
resp
  • 浏览: 154684 次
  • 性别: Icon_minigender_1
  • 来自: 湖南长沙
社区版块
存档分类
最新评论

jQuery 名称冲突

阅读更多

jQuery 使用 $ 符号作为 jQuery 的简介方式。

某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。

jQuery 使用名为 noConflict() 的方法来解决该问题。

var jq=jQuery.noConflict() ,帮助您使用自己的名称(比如 jq)来代替 $ 符号。

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

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
分享到:
评论

相关推荐

    jQuery 名称冲突的解决方法

    jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。

    jQuery $命名冲突解决方案汇总

    于是找资料,原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名,jquery也一样。其实$只是jquery的一个别名而已,假如我们需要使用jquery 之外的另一js库,我们可以通过调用 $.noConflict() 向该...

    jQuery详细教程

    jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict...

    『jQuery』名称冲突使用noConflict方法解决

    jQuery 使用 $ 符号作为 jQuery 的简介方式。... var jq=jQuery.noConflict(),帮助使用自己的名称(比如 jq)来代替 $ 符号。 代码如下: &lt;html&gt; &lt;head&gt; [removed][removed] [removed] var jq=jQuery.no

    避免jQuery名字冲突 noConflict()方法

    为了避免名称冲突,jQuery提供了noConflict()方法来解决这个问题。调用该方法可以把对$标识符的控制权让给其他库。 一般模式: [removed][removed]//1.包含jQuery之外的库(比如Prototype) [removed][removed]//2....

    jquery插件使用方法大全

    可以用来添加不向外部公开的方法,或者对jQuery的某些方法进行重新定义以提供新功能,或者提供更好的封装、避免名称空间冲突。当然,也可以用来开发插件,但Resig强烈建议在开发插件之前,先考虑jQuery UI widget...

    快速解决jQuery与其他库冲突的方法介绍

    众所周知,jQuery使用$作为jQuery名称的别名,并将其用于jQuery公开的每一个功能,但是其他库,最著名的就是Prototype,也使用$名称。 1. jQuery提供了$.noConflict()实用函数用来放弃对$标识符的占用,以便其他库...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    jquery-watch:一个jQuery插件,用于监视CSS样式和属性更改,并在发生更改时得到通知

    watch,请从该存储库的根文件夹中复制jquery-watch脚本,或者使用Bower或NPM将其安装到项目中: $ Bower install jquery-watch-dom请注意,由于与现有Bower包的命名冲突,Bower包的名称不同(jquery-watch-dom而不是...

    jQuery 插件封装的方法

    编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性,此处添加的对象属性的名称就是你插件的名称: . 代码如下: jQuery.fn.myPlugin = function(){ //你自己的插件代码 }; 用户非常喜欢的符号哪里去了?它...

    jQuery无冲突模式详解

    如以下示例中的jQuery代码将在将jQuery加载到页面后立即将其置于无冲突模式,并分配新的变量名称$j以替换$别名,以避免与原型框架冲突。详细代码如下: // 为jQuery定义新的名字 var $j = jQuery.noConflict(); $j...

    jQuery插件开发详细教程

    编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性,此处添加的对象属性的名称就是你插件的名称: 代码如下:jQuery.fn.myPlugin = function(){ //你自己的插件代码};用户非常喜欢的$符号哪里去了? 它仍然...

    mui集成jquer文档说明

    一、 引包 1 二、 防止冲突(为 jQuery 变量规定新的名称) 1 三、 jquery序列化表单 1 四、 validate校验 3

    jQuery用noConflict代替$的实现方法

    js框架很多的情况下,很容易出现...也可以指定新的代替jQuery的名称 var myjq=$.noConflict(); myjq(document).ready(function(){ console.log("sdf"); }) 以上这篇jQuery用noConflict代替$的实现方法就是小编分享

    jQuery中[attribute^=value]选择器用法实例

    本文实例讲述了jQuery中[attribute^=value]选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够选取属性值是以某些值开始的元素。 语法结构: 代码如下:$(“[attribute^=value]”) 参数列表: 参数 ...

    jquery.hipsterSlider:另一个jQuery幻灯片插件

    插件的名称已更改,以避免与其他jQuery插件(例如jQuery UI滑块)发生冲突。 //This is old, doesn't work anymore: //$('.slider').slider(/* options */); //Use this instead: $('.slider').hipsterSlider(/...

    jQuery中[attribute=value]选择器用法实例

    本文实例讲述了jQuery中[attribute=value]选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够匹配带有给定属性和属性值的元素。 语法结构: 代码如下:$(“[attribute=value]”) 参数列表: 参数 ...

    Jquery submit()无法提交问题

    代码点击注册按钮时无法提交表单,名称冲突可能会导致混乱的失败,接下来为大家介绍下解决方法,感兴趣的朋友可以了解下

Global site tag (gtag.js) - Google Analytics