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>