                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ) (一)—樣式篇

下面這段代碼有點(diǎn)看不懂？請(qǐng)高手指點(diǎn)

//獲取到指定元素的寬度，在回調(diào)返回寬度值

//通過處理這個(gè)value，重新設(shè)置新的寬度

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

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

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

? ?

});

? ? </script>

深山老龜

2018-03-11

源自：jQuery基礎(chǔ) (一)—樣式篇 3-7

關(guān)注問題我要回答

824

操作

收起

3 回答

嗨客_6188 回答被采納 +2 積分
2018-03-15

var value =?value.split('px');這就是相當(dāng)于把原先的value分割了

舉個(gè)例子，原來的value=50px。

那么現(xiàn)在value變成一個(gè)數(shù)組了，value[0]=50,value[1]='px';

然后Number函數(shù)就是轉(zhuǎn)化為數(shù)值類型，就相當(dāng)于return Number（50+50）+'px';

10 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕絲2539812

split()后value[1]應(yīng)該是空的吧，value=50px,value[0]=50,以px為分割，px應(yīng)該是不會(huì)進(jìn)入數(shù)組的

2018-05-24 回復(fù) 有任何疑惑可以回復(fù)我~

#2

主宰靈魂回復(fù) 慕絲2539812

yes

2018-06-11 回復(fù) 有任何疑惑可以回復(fù)我~

#3

小季樂樂4412490

簡(jiǎn)單的做法是：parseInt(value) 50px會(huì)轉(zhuǎn)換成數(shù)值類型并且去掉字符串類型，就會(huì)變成數(shù)值類型這樣50 split的作用是取px分割，會(huì)轉(zhuǎn)化為數(shù)組，使用數(shù)組下標(biāo)來取，取出的是字符類型，要使用Number轉(zhuǎn)換成數(shù)值類型如果直接使用value+50，那么字符串+數(shù)值“60”+50就會(huì)變成這樣“6050” 當(dāng)一個(gè)數(shù)只被作為值（value）的時(shí)候， jQuery會(huì)將其轉(zhuǎn)換為一個(gè)字符串，并添在字符串的結(jié)尾處添加px 注意這個(gè)添加px：當(dāng)return返回?cái)?shù)值的時(shí)候會(huì)自動(dòng)添加，所以只需要考慮返回一個(gè)數(shù)值就可以

2019-03-02 回復(fù) 有任何疑惑可以回復(fù)我~