脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery自定义添加$与解决$冲突的方法教程，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
本文实例讲述了jQuery自定义添加"$"与解决"$"冲突的方法。分享给大家供大家参考。具体分析如下：
1.自定义添加$
虽然jquery很强大，但无论如何，jQuery都不可能满足所有用户的需求，而且有一些需求十分小众，也不适合放到整个jQuery框架中，正是因为这一点，jQuery提供了用户自定义添加“$”的方法。
代码如下：
代码如下:
$.fn.disable = function() {
return this.each(function() {
if (tyPEof this.disabled != "undefined") this.disable = true;
});
}
然后利用匿名函数定义这个方法，即用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();
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery自定义添加$与解决$冲突的方法教程全部内容，希望文章能够帮你解决javascript代码实例教程-jQuery自定义添加$与解决$冲突的方法教程所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。