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

1.自定义添加$

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

代码如下：

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

例：扩展jquery的功能

    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>