css方法什么时候添加“”,什么时候不添加“”,能不能总结下

css方法什么时候添加“”,什么时候不添加“”,能不能总结下

            $('div').css({

                width: function(index, value) {

                    return parseFloat(value) * 2;

                },

                height: function(index, value) {

                    // 为索引值为1的匹配元素设置高度

                    if (index === 1) {

                        return parseFloat(value) * 2;

                    }

                }

            });

$('div').css('width', function(index, value) {

            return parseFloat(value) * 2 + 'px';

        });

        $('div').css('width', function(index, value) {

            if (index === 3) {

                return parseFloat(value) * 2;

            }

        });

我看有的时候添加,有的时候不添加

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,关于你的问题,回答如下:

1、这个样子写,使用的就不是jquery中封装的css方法了。相当于自己封装了一个方法交css。上面是封装的方法,下面是调用的。也可以换作其他名字,只要调用的与设置的一致即可。自己封装的这个,是可以不加引号的(若是使用字符串的时候,可以添加,但是同学的这个代码中是没有使用字符串的,所以是不添加)。例:

http://img1.sycdn.imooc.com//climg/5e1fc32509c4ef3505160745.jpg

2、使用jquery本身的方法是要添加的,比如:

http://img1.sycdn.imooc.com//climg/5e1fc36e09d047bd04660046.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 迷失的小麦 提问者 #1
    $('#btn').click(function() { // backgroundColor 可写为 'background-color' // 'border-radius' 可写为 borderRadius $('div').css({backgroundColor: 'pink', width: '150px', height: '150px', 'border-radius': '50%'}); });这段代码中没有添加引号好像也是正确的
    2020-01-16 13:29:15
  • 迷失的小麦 提问者 #2
    通过函数设置样式属性值,能不能总结一下?(我的总结:属性添加与否无所谓,属性值有两种方式,数字不需要引号,有px需要引号,不知道总结的对不对)你的这段话有点晕,我这里没有调用也出现效果了?针对可以换作其他名字,只要调用的与设置的一致即可请举个例子?
    2020-01-16 13:34:36
好帮手慕糖 2020-01-16 17:23:53

同学你好,关于你的问题,回答如下:

1、总结的是对的,属性名可以不添加,属性值不是数字(纯数字,不带单位)的情况下都需要添加。

2、非常抱歉,老师以为同学是自定义的一个函数,其实同学这里是使用的jquery的css方法。没有理解到同学的意思,对此造成的不便,非常抱歉,敬请谅解。

老师想要表达的意思是,设置的函数名与调用时的函数名一致就可以执行函数了。但是这个不适用于同学的这个代码。同学的这个代码是属性值是个方法,不需要调用,会自动执行的。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师