2011-11-07 17 views
6

Bu gerçekten basit bir sorun olmalı, ancak ne yaptığımı tam olarak anlayamıyorum. CSS özelliğine erişmek için çalışıyorum 'border-bottom' böyle:jQuery- .css() bir giriş için çalışmaz

var temp = $('#divName').css('border-bottom'); 

Maalesef bundan sonra, geçici bu çalışmama nedenini ""

bilen var mı yoksa ne yapmalıyım dize içeriyor farklı yapmak için? Teşekkürler.

+0

borderBottom'u denediniz mi? –

+0

'# divName' zaten' border-bottom' özelliğini içerir mi? – Sparky

cevap

8

stilleri daha spesifik olmak zorunda vb ... border-bottom-style, border-bottom-width daha parçalı sınır özelliklerini kullanarak deneyebilirsiniz . border-bottom, diğer özellikler için kısa bir özellik olduğundan (background, ortak bir isim olarak adlandırılır), mülkün açıkça verilmesi gerekir.

var elem = $('#divName'); 
var border_width = elem.css('border-bottom-width'); 
var border_color = elem.css('border-bottom-color'); 
var border_style = elem.css('border-bottom-style'); 
var border_bottom = border_width + " " + border_color + " " + border_style; 

Fiddle: http://jsfiddle.net/6wRj4/
Ayrıca bkz: MDN: border-bottom short-hand.

+0

Bunun, jQuery'de bir hata olarak kabul edilmediğinden bahsedilmeye değer olabilir. jQuery, CSS özelliklerini tam olarak tarayıcı döndürürken raporlar ve farklı tarayıcılar bazen aynı HTML belgesi için farklı yanıtlar döndürür. – Blazemonger

+0

Aslında, window.computedStyle() 've' element.currentStyle [] '(IE) yöntemleri kullanılır. Bazı değerler farklı tarayıcılarda aynı sonucu göstermek için jQuery tarafından değiştirilir. –

+0

Ahh. Şimdi bu çok mantıklı. Jquery belgelerinde böyle bir şey gördüm, ama 2 ve 2'yi bir araya getirmedim. Teşekkür ederim. – gabaum10

2

$ ('# divName') öğesinin tek bir öğe seçtiğinden emin olun. Temel DOM nesnesini geri almak için bir jquery nesnesinde dizi sözdizimini kullanabilirsiniz. Bakmakta olduğunuz DOM öğesinin, aradığınız stile sahip olduğundan emin olmak için (örneğin, Firebug'u kullanarak) kontrol etmelisiniz. O şeylerden ikisi düzgün çalışıyorsa

, sen

0

document.getElementById("divName").style.borderBottom; ile deneyin.