使用if语句在jQuery中进行CSS操作 $(文档).ready(函数(){ 变量宽度=$(窗口).width(); $(函数(){ 如果(宽度

使用if语句在jQuery中进行CSS操作 $(文档).ready(函数(){ 变量宽度=$(窗口).width(); $(函数(){ 如果(宽度,jquery,css,if-statement,margin,remove,Jquery,Css,If Statement,Margin,Remove,您好,我知道这是基本的,我不应该问这么简单的事情,但我自己已经挣扎了足够长的时间。 我想做的是,当视口宽度小于800px时,删除navbar中的空白,我可以通过添加一个类来完成,但我真的想学习如何使用jquery操作css 感谢您的建议。目前您正在传入一个对象以定义边距 或者,jquery使用“marginLeft”而不是“marginLeft” 试试看。解释:我做了一个函数changeScrSize(),它可以更改CSS属性。在ready事件处理程序中,调用函数,并相应地设置marginlef

您好,我知道这是基本的,我不应该问这么简单的事情,但我自己已经挣扎了足够长的时间。 我想做的是,当视口宽度小于800px时,删除navbar中的空白,我可以通过添加一个类来完成,但我真的想学习如何使用jquery操作css


感谢您的建议。

目前您正在传入一个对象以定义边距

或者,jquery使用“marginLeft”而不是“marginLeft”


试试看。

解释:我做了一个函数
changeScrSize()
,它可以更改CSS属性。在
ready
事件处理程序中,调用函数,并相应地设置
marginleft
的值。除此之外,我还添加了一个
resize
事件处理程序,它在调整屏幕大小时修改
marginleft
的值。所以它是有反应的:)

注意:请以全屏模式查看输出,以查看更改

var宽度;
$(文档).ready(函数(){
changeScrSize();
});
函数changeScrSize(){
let box=$(“.navbar品牌”);
宽度=$(窗口).width();
(宽度<800)?box.css(“左边距”,0):box.css(“左边距”,“100px”);
}
$(窗口)。打开(“调整大小”,更改rsize)
*{
保证金:0;
填充:0;
}
.navbar品牌{
背景:红色;
宽度:25vh;
高度:25vh;
}

尝试使用带有属性和空值的.css()方法删除该样式

$(document).ready(function(){
  var width = $(window).width();
  $(function(){
    if ( width < 800 ) {
          $(".navbar-brand").css({'margin-left':'0'});
      }else{
          $(".navbar-brand").css({'margin-left':'100px'});
      }
  });
});

这是超级答案,非常感谢,它涵盖了我所需要的一切!
$(".navbar-brand").css('margin-left','');