分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

javascript – 带有条件逻辑的JQuery .css()函数

jQuery   发布时间：2022-04-19  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 带有条件逻辑的JQuery .css()函数，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在某些 JQuery函数中练习条件逻辑. $(‘h2′).css({BACkgroundColor：’red’});工作,但当我添加下面的条件逻辑时,它不再有效.如果我将返回值更改为字符串,它将消除错误,但它仍然不会更改背景颜色.我究竟做错了什么？ 

$('h2').css({function(){
    if (1 === 1){
        return BACkgroundColor: 'red';
    }
    else {
        return BACkgroundColor: 'purple';
    }
}});

解决方法

您的示例代码将导致语法错误.您可以通过两种方式之一使用 jQuery.css的回调函数.

具有属性及其回调函数的对象.

$('h2').css({
    BACkgroundColor: function(){
        if (1 === 1){
            return 'red';
        }
        else {
            return 'purple';
        }
    }
});

或者使用单个属性和回调函数对.

$('h2').css('BACkgroundColor',function(){
    if (1 === 1){
        return 'red';
    }
    else {
        return 'purple';
    }
});

通过这种方式,您可以有条件地应用每个元素的CSs.

大佬总结

以上是大佬教程为你收集整理的javascript – 带有条件逻辑的JQuery .css()函数全部内容，希望文章能够帮你解决javascript – 带有条件逻辑的JQuery .css()函数所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：cssjavascriptjquery函数带有条件逻辑
猜你在找的jQuery相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap