Javascript jQuery-.css()不适用于输入
这应该是一个非常简单的问题,但我不太明白我做错了什么。我试图访问CSS属性“border bottom”,如下所示:Javascript jQuery-.css()不适用于输入,javascript,jquery,html,css,web,Javascript,Jquery,Html,Css,Web,这应该是一个非常简单的问题,但我不太明白我做错了什么。我试图访问CSS属性“border bottom”,如下所示: var temp = $('#divName').css('border-bottom'); 不幸的是,在此之后,temp包含字符串“ 有人知道为什么这不起作用,或者我应该做些什么来让它发挥作用?谢谢。检查以确保$('#divName')选择单个元素。您可以在jquery对象上使用数组语法来获取底层DOM对象。您还应该检查(例如,使用Firebug)以确保您正在查看的DOM元素
var temp = $('#divName').css('border-bottom');
不幸的是,在此之后,temp包含字符串“
有人知道为什么这不起作用,或者我应该做些什么来让它发挥作用?谢谢。检查以确保$('#divName')选择单个元素。您可以在jquery对象上使用数组语法来获取底层DOM对象。您还应该检查(例如,使用Firebug)以确保您正在查看的DOM元素具有您正在查找的样式
如果这两种方法都正常工作,您可以尝试使用更细粒度的边框属性。。。边框底部样式、边框底部宽度等。样式必须更加具体。由于
border bottom
是其他属性的一个短属性(类似于background
,称为公共属性),因此必须明确指定该属性
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;
小提琴:另请参见:.尝试使用
document.getElementById(“divName”).style.borderBottom
是否#divName
已经包含border bottom
属性?值得一提的是,这在jQuery中不被视为bug。jQuery报告CSS属性的方式与浏览器返回的方式完全相同,不同的浏览器有时会对同一HTML文档返回不同的答案。事实上,使用了窗口.computedStyle()
和元素.currentStyle[]
(IE)方法。jQuery修改了一些值,以便在不同的浏览器中显示相同的结果。啊。这很有道理。我在Jquery文档中看到了类似的内容,但没有将2和2放在一起。非常感谢。