代码之家 › 专栏 › 技术社区 › erikkallen

jquery直接在元素上检索CSS样式集

css jquery

erikkallen · 技术社区 · 15 年前

如何使用jquery来确定元素是否具有内联的特定样式集。

例如,给出了文件

<style>
.MyClass { position: relative }
</style>
...
<div class="MyClass" id="div1" style="position: absolute"/>
<div class="MyClass" id="div2"/>
...
<script>
function f() {
    assert($('#div1').SOMETHING('position') == 'absolute');
    assert($('#div2').SOMETHING('position') == '');
}
</script>

如果我使用.css(“position”),则div2被报告为“relative”。如何确定哪些样式实际上是以内联方式设置的?

4 回复 | 直到 15 年前

Mutation Person 15 年前

您可以创建自己的自定义选择器:

$(document).ready(function(){
    $.extend($.expr[':'], {
        positionAbsolute: positionAbsolute,
    });
});

function positionAbsolute(el) {
    return $(el).css("position").indexOf("absolute") >= 0;
}

然后像这样访问这个

if ($("#MyDiv").is(":positionAbsolute")){
    alert("Position absolute");
}

样式必须是内联的吗?如果在CSS类中声明它,例如,

.positionAbsolute{position: absolute}

然后您可以使用类selctor代替:

if ($("#MyDiv").is(".positionAbsolute")){
    alert("Position absolute");
}

erikkallen 15 年前

我最后做了

assert($('#div2').get(0).style.position == 'relative');

但我希望有一种更jqueryish的方式来做这件事。

Traveling Tech Guy 15 年前

怎么样 .attr('style') ?
这里是 a link 到jquery文档。

-1

James Brooks 15 年前

好吧,您可以只使用.css方法,它返回附加到该元素的所有样式。

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前