使用if语句在jQuery中进行CSS操作 $(文档).ready(函数(){ 变量宽度=$(窗口).width(); $(函数(){ 如果(宽度
您好,我知道这是基本的,我不应该问这么简单的事情,但我自己已经挣扎了足够长的时间。 我想做的是,当视口宽度小于800px时,删除navbar中的空白,我可以通过添加一个类来完成,但我真的想学习如何使用jquery操作css使用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
感谢您的建议。目前您正在传入一个对象以定义边距 或者,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','');