如何使用jquery以编程方式翻转元素属性的值?

我刚开始进入jquery,所以如果这是一个简单的问题,我提前道歉。

我正在和 A List Apart article on Print Previews 尝试在我正在开发的webapp中获取实时打印预览。我已经让它满意地工作了,但是我现在正在尝试将代码重构为我认为它在内部应该是什么样子。我目前有两套方法,一套用于显示缩微复制块,另一套用于删除它。我更愿意只使用一个集合来切换相关元素的适当值。

对于CSS,这意味着禁用非打印预览表并启用打印预览表,反之亦然。对于我的缩微拷贝来说,这意味着设置 display 到 block 而不是 none 反之亦然。

至少对于样式表链接,我想简单地循环通过相关的 link 元素和集合 disabled 到 !disabled 但我不知道该怎么做。我正在使用jquery,但我并不反对降低到抽象级别以下。

我想一旦我知道如何为 链接 元素我应该能够扩展解决方案以同时切换 显示 microcopy分区的属性。

以下是我目前为好奇者提供的功能:

function printPreview() {
    $("link[rel*='style'][media!='print'").attr("disabled", true);
    $("link[rel*='style'][title='print preview']").attr("disabled", false);
    addPrintPreviewMicrocopy();
}

function addPrintPreviewMicrocopy() {
    $("div[id='print-preview-microcopy']").css({'display':'block'});
}

function normalView() {
    $("link[rel*='style'][media!='print'").attr("disabled", false);
    $("link[rel*='style'][title='print preview']").attr("disabled", true);
    removePrintPreviewMicrocopy();
}

function removePrintPreviewMicrocopy() {
    $("div[id='print-preview-microcopy']").css({'display':'none'});
}

事先谢谢!

谢谢大家。这是我的最终解决方案:

function toggleView() {
    $("link[rel*='style'][media!='print']").each( function() {
        this.disabled = !this.disabled;
    });
}

事实证明,我甚至不需要切换DIV,因为只有Stylsheets这样做。