如何在 jQuery 中从没有元素的外部样式表中检索 CSS 值？

使用 Javascript/jQuery 从外部样式表检索 CSS 值

Web 开发中的一项常见任务是从外部 CSS 文件访问值。虽然 jQuery 方法 $('element').css('property') 可以检索现有元素的计算样式，但当目标元素尚未动态生成时，它就变得具有挑战性。

有吗另一种选择？

幸运的是，通过 jQuery，我们可以利用巧妙的技巧来获取 CSS 值，而无需依赖实际元素。让我们探索解决方案：

jQuery 解决方案：

我们可以使用以下步骤创建目标元素的隐藏副本：

1. 创建一个占位符元素jQuery:

   var $p = $("<p></p>").hide().appendTo("body");

2. 使用标准 'css()' 函数访问 CSS 值：

   console.log($p.css("color"));

3. 删除隐藏元素检索后值：

   $p.remove();

示例：

考虑以下 CSS 和 HTML：

p { color: blue; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

使用 jQuery 解决方案，我们可以检索“颜​​色” value:

(function() {
    var $p = $("<p></p>").hide().appendTo("body");
    console.log($p.css("color"));
    $p.remove();
})();

这个技巧允许我们在不依赖页面上目标元素是否存在的情况下获取 CSS 值，这使其成为动态生成内容的有用技术。

以上是如何在 jQuery 中从没有元素的外部样式表中检索 CSS 值？的详细内容。更多信息请关注PHP中文网其他相关文章！