下面这段代码有点看不懂？请高手指点-慕课网

首页课程实战体系课手记专栏慕课教程

下面这段代码有点看不懂？请高手指点

来源：3-7 jQuery的属性与样式之样式操作.css()

深山老龟

2018-03-11 22:37

<script type="text/javascript">

//获取到指定元素的宽度，在回调返回宽度值

//通过处理这个value，重新设置新的宽度

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

var value = value.split('px');

return (Number(value[0])+50)+value[1];

});

</script>

写回答关注

3回答

嗨客_6188

2018-03-15 14:21:46

已采纳

var value = value.split('px');这就是相当于把原先的value分割了
举个例子，原来的value=50px。
那么现在value变成一个数组了，value[0]=50,value[1]='px';
然后Number函数就是转化为数值类型，就相当于return Number（50+50）+'px';

3 10

小季乐乐44...

简单的做法是：parseInt(value) 50px会转换成数值类型并且去掉字符串类型，就会变成数值类型这样50 split的作用是取px分割，会转化为数组，使用数组下标来取，取出的是字符类型，要使用Number转换成数值类型如果直接使用value+50，那么字符串+数值“60”+50就会变成这样“6050” 当一个数只被作为值（value）的时候， jQuery会将其转换为一个字符串，并添在字符串的结尾处添加px 注意这个添加px：当return返回数值的时候会自动添加，所以只需要考虑返回一个数值就可以

2019-03-02 15:55:25

共 3 条回复 >
原始人类

2019-02-21 14:16:31

value[1]到底是等于px还是为空啊？

1 0

qq_慕慕1...

value[1]=""

2020-03-17 20:29:24

共 1 条回复 >
慕后端7178944

2018-05-06 17:14:00

原来如此

0 0

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217496 学习 · 1303 问题

相似问题

这段js代码有点看不懂

回答 1

段中代码看不懂

回答 4

这段代码不懂

回答 2

实在看不懂这两段代码，有谁可以解释下

回答 3

不太懂这段代码

回答 2

打开慕课网App查看更多内容