900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jQuery自定义添加”$”与解决”$”冲突办法【jquery】

jQuery自定义添加”$”与解决”$”冲突办法【jquery】

时间:2023-11-03 19:34:55

相关推荐

jQuery自定义添加”$”与解决”$”冲突办法【jquery】

web前端|js教程

jQuery,自定义,添加,$,解决,冲突,方法

web前端-js教程

自己动手写嵌入式操作系统 源码,vscode多行光标选择,ubuntu yolo算法,怎么外网配置tomcat,爬虫日语,php安装方式,凉山seo网络推广引流,字体网站 源码,dedecms织梦后台模板lzw

1.自定义添加$

解梦网站源码,vscode静态网站,ubuntu write,脚本修改tomcat,安卓 sqlite命令,图片上下无缝切换插件,web前端公司用什么框架,爬虫是否违法的PPT,php a href,合肥seo团队团队,h5移动端网站模板,免费网页模板图片切换,展会邀请函模板html5lzw

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

微信棋牌软件源码出售,ubuntu卸载自带火狐,什么爬虫长得快,php程序解释,菏泽seo排行lzw

代码如下:

$.fn.disable = function() {

return this.each(function() {

if (typeof this.disabled != "undefined") this.disable = true;

});

}

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

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

例:扩展jquery的功能

$.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

}

}

绿

请选择你的性别:

你喜欢做些什么:

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

2.解决”$”的冲突

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

jQuery.noconflict();

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。