jQuery自定义添加"$"与解决"$"冲突的方法_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的功能

请输入您的姓名:

请输入您的密码:

请选择你最喜欢的颜色:



红
绿
蓝
黄
青
紫

请选择你的性别:



男



女

你喜欢做些什么:




看书

上网

睡觉

我要留言:

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

2.解决"$"的冲突

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

jQuery.noconflict();

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

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