2010-07-14 70 views
0

在jQuery中,是多字css字段濃縮爲camelCaps?例如。jQuery實際上是否使用camelcaps引用多字css字段?

$("#item").css("marginBottom"); 

$("#item").css("margin-bottom"); 

在運行的Firefox 3.6.6與jQuery JavaScript庫。5.0我的機器,答案似乎是否定的。做$("#item").css("marginBottom");給我一個關於無效的css字段的警告,並且聲明已被刪除。

回答

2

其實我錯了 - 它似乎在內部它camelCases它。下面是抓住保證金底部(外匯3.6測試)的代碼片段:

el = document.body; 
$('el').css('margin-bottom', '20px') 
computed = document.defaultView.getComputedStyle(el, null) 

computed['marginBottom'] // 0px 

更新:這裏的駝峯規則再從jQuery的lowercasing代碼:

x = 'marginBottom'.replace(/([A-Z])/g, '-$1').toLowerCase() 
+0

所以駝峯規則只適用於純那麼javascript是吧? 如x.style.marginBottom =「15px」 – 2010-07-14 00:23:53

+0

是的,屬性是camelCase。 – 2010-07-14 00:31:33

+0

這是有道理的,然後,屬性本身必須駱駝基於符合JavaScript的變量命名約定,但由於jQuery代表他們作爲字符串,有小破折號是好的。 – 2010-07-14 00:38:58

相關問題