jQuery slice（）方法

Question

我使用jQuery slice()。

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

此显示为默认窗口大小。

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

Answer 1

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

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

Answer 2

您可以使用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");
    }
});