当屏幕 宽度 更换 时变换调用css

比如1000宽度时,div调用a1类,600宽度时调用b1类,而不是在600宽度时重新定义a1类... 比如1000宽度时,div调用a1类,600宽度时调用b1类,而不是在600宽度时重新定义a1类 展开
 我来答
众测嗒测
2014-10-08 · TA获得超过630个赞
知道答主
回答量:103
采纳率:0%
帮助的人:67.3万
展开全部

jquery:     

$(window).resize(function() {
    var ww = $(window).width();
    if( ww > 1000 ){
        $('div').removeClass('b1').addClass('a1');
    } else if( ww > 600 && ww < 1000 ){
        $('div').addClass('a1').removeClass('b1')
    }
 });
追问
我新手不太会,$('div')中的div换成id或是class的话怎么写,另外这个jq是否要调用jq插件
追答

id的话是 $('#id名字')

class的话是 $('.class名字')

jq的话直接在页头引用jq就行了,不需要别的。

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
    $(function(){
        $(window).resize(function() {
            var ww = $(window).width();
            if( ww > 1000 ){
                $('div').removeClass('b1').addClass('a1');
            } else if( ww > 600 && ww < 1000 ){
                $('div').addClass('a1').removeClass('b1')
            }
         });
    })
</script>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式