                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

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

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

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

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

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

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

});

</script>

深山老龟

2018-03-11

源自：jQuery基础 (一)—样式篇 3-7

关注问题我要回答

844

操作

收起

3 回答

嗨客_6188 回答被采纳 +2 积分
2018-03-15

var value = value.split('px');这就是相当于把原先的value分割了

举个例子，原来的value=50px。

那么现在value变成一个数组了，value[0]=50,value[1]='px';

然后Number函数就是转化为数值类型，就相当于return Number（50+50）+'px';

10 回复有任何疑惑可以回复我~

收起回答

慕丝2539812

split()后value[1]应该是空的吧，value=50px,value[0]=50,以px为分割，px应该是不会进入数组的

2018-05-24 回复有任何疑惑可以回复我~

主宰灵魂回复慕丝2539812

yes

2018-06-11 回复有任何疑惑可以回复我~

小季乐乐4412490

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

2019-03-02 回复有任何疑惑可以回复我~