个人中心
gpt4 book ai didi

jQuery自定义添加＂$＂与解决＂$＂冲突的方法

转载 作者：qq735679552 更新时间：2022-09-28 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章jQuery自定义添加＂$＂与解决＂$＂冲突的方法由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

本文实例讲述了jQuery自定义添加"$"与解决"$"冲突的方法。分享给大家供大家参考。具体分析如下:

1.自定义添加$ 。

虽然jQuery很强大，但无论如何，jQuery都不可能满足所有用户的需求，而且有一些需求十分小众，也不适合放到整个jQuery框架中，正是因为这一点，jQuery提供了用户自定义添加“$”的方法.

代码如下:

复制代码 代码如下:
$.fn.disable = function() {
 return this.each(function() {
     if (typeof this.disabled != "undefined") this.disable = true;
 });
}

以上代码首先设置"$.fn.disable",表明“$”添加一个方法disable()，其中 “$.fn”是扩展jQuery所必须的.

  。

然后利用匿名函数定义这个方法，即用each()将调运这个方法的每个元素disabled属性均设置为true.(如果该属性存在) 。

例：扩展jquery的功能 。

复制代码 代码如下:

<script type="text/javascript">     $.fn.disable = function() {  //扩展jQuery，表单元素统一disable  return this.each(function() {      if (typeof this.disabled != "undefined") this.disabled = true;  });     }     $.fn.enable = function() {  //扩展jQuery，表单元素统一enable  return this.each(function() {      if (typeof this.disabled != "undefined") this.disabled = false;  });     } 。

  。

    function SwapInput(oName, oButton) {  if (oButton.value == "Disable") {      //如果按钮的值为Disable，则调用disable()方法      $("input[name=" + oName + "]").disable();      oButton.value = "Enable";  } else {      //如果按钮的值为Eable，则调用enable()方法      $("input[name=" + oName + "]").enable();      oButton.value = "Disable"; //然后设置按钮的值为Disable  }     } </script> <form method="post" name="myForm1" action="addInfo.aspx">     <p>  <label for="name">请输入您的姓名:</label>  <br>  <input type="text" name="name" id="name" class="txt">     </p>     <p>  <label for="passwd">请输入您的密码:</label>  <br>  <input type="password" name="passwd" id="passwd" class="txt">     </p>     <p>  <label for="color">请选择你最喜欢的颜色:</label>  <br>  <select name="color" id="color">      <option value="red">红</option>      <option value="green">绿</option>      <option value="blue">蓝</option>      <option value="yellow">黄</option>      <option value="cyan">青</option>      <option value="purple">紫</option>  </select>     </p>     <p>请选择你的性别:  <br>  <input type="radio" name="sex" id="male" value="male">  <label for="male">男</label>  <br>  <input type="radio" name="sex" id="female" value="female">  <label for="female">女</label>     </p>     <p>你喜欢做些什么:  <input type="button" name="btnSwap" id="btnSwap" value="Disable" class="btn" onclick="SwapInput('hobby',this)">  <br>  <input type="checkbox" name="hobby" id="book" value="book">  <label for="book">看书</label>  <input type="checkbox" name="hobby" id="net" value="net">  <label for="net">上网</label>  <input type="checkbox" name="hobby" id="sleep" value="sleep">  <label for="sleep">睡觉</label>     </p>     <p>  <label for="comments">我要留言:</label>  <br>  <textarea name="comments" id="comments" cols="30" rows="4"></textarea>     </p>     <p>  <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" class="btn">  <input type="reset" name="btnReset" id="btnReset" value="Reset" class="btn">     </p> </form> 。

  。

方法SwapInput(nName,oButton)根据按钮的值进行判断，如果是不可用"disable",则调运disable()将元素设置为不可用，同时修改按钮的值为"enable",反之则调运enable()方法.

2.解决"$"的冲突 。

与前面文章的情况类似，尽管JQuery非常强大，但是有时开发者同时使用多个框架，这时需要小心，因为其他框架也可能使用了"$",从而发生冲突，jQ同样提供了noConflict()方法来解决"$"冲突的问题.

复制代码 代码如下:
jQuery.noconflict();

以上代码便可使"$"按照其他javascript框架的方式运算，这是jQuery中便不能再使用"$",而必须使用“jQuery”，例如$("h2 a")必须写成jQuery("h2 a") 。

  。

希望本文所述对大家的jQuery程序设计有所帮助.

最后此篇关于jQuery自定义添加＂$＂与解决＂$＂冲突的方法的文章就讲到这里了,如果你想了解更多关于jQuery自定义添加＂$＂与解决＂$＂冲突的方法的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

25 4 0
文章推荐： 一篇文章弄懂Python关键字、标识符和变量
文章推荐： 解决jupyter加载文件失败的问题
文章推荐： jQuery创建DOM元素实例解析
文章推荐： M1芯片Mac上Anaconda的暂时替代(miniforge)
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com