jQuery slice()方法

时间:2014-02-19 08:41:30

标签: javascript jquery html css

我使用jQuery slice()

$(document).ready(function(){    
    $(".this").slice(3, 6).css("margin", "10px");        
});

此显示为默认窗口大小。

如何使用其他边距选项为min-width 320pxmax-width 480px窗口设置此内容?

2 个答案:

答案 0 :(得分:4)

您可以应用以下多个css属性:

.css({
    "margin":"10px",
    "min-width":"320px",
    "max-width":"480px"
});

答案 1 :(得分:1)

您可以使用window.matchMedia执行此操作。

你用与CSS媒体查询相同的方式编写它:

$(document).ready(function(){
    if(window.matchMedia('screen and (max-width: 480px) and (min-width: 320px)')) {
        $(".this").slice(3, 6).css("margin", "20px");
    } else {
        $(".this").slice(3, 6).css("margin", "10px");
    }
});