jQuery- .css()不能用于输入

jQuery- .css() not working for an input

本文关键字：用于 输入 不能 css jQuery-      更新时间：2023-09-26

这应该是一个非常简单的问题，但我不能完全弄清楚我做错了什么。我试图访问CSS属性'border-bottom'，像这样:

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

不幸的是，在此之后，temp包含字符串""

有谁知道为什么这是不工作或我应该做什么不同，使其功能?谢谢。

样式必须更具体。因为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;

小提琴:http://jsfiddle.net/6wRj4/
参见:MDN: border-bottom简写

检查$('#divName')是否选择单个元素。您可以在jquery对象上使用数组语法来返回底层DOM对象。您还应该检查(例如，使用Firebug)以确保您正在查看的DOM元素确实具有您正在寻找的样式。

如果这两个东西都工作正常，你可以尝试使用更细粒度的边界属性…background -bottom-style, background -bottom-width等

试试document.getElementById("divName").style.borderBottom;

相关文章：