Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何更改横幅的宽度_Jquery_Css_Width_Banner - Fatal编程技术网

Jquery 如何更改横幅的宽度

Jquery 如何更改横幅的宽度,jquery,css,width,banner,Jquery,Css,Width,Banner,我有一面横幅,上面的宽度是100%。 当我点击一个按钮时,会使横幅的宽度为980px 有人知道帮我做这个吗 我尝试了此代码,但没有成功:/ <script type="text/javascript"> $(document).ready( function() { $("#botao").click(function() { $f(.fullwidthbanner).css("width","100%"); }).click(function

我有一面横幅,上面的宽度是100%。 当我点击一个按钮时,会使横幅的宽度为980px

有人知道帮我做这个吗

我尝试了此代码,但没有成功:/

<script type="text/javascript">
$(document).ready( function() {
    $("#botao").click(function() {
        $f(.fullwidthbanner).css("width","100%");
        }).click(function() {
        $(.fullwidthbanner).css("width","980px");
    })
})
</script>

$(文档).ready(函数(){
$(“#botao”)。单击(函数(){
$f(.fullwidthbanner).css(“宽度”、“100%”);
})。单击(函数(){
$(.fullwidthbanner.css(“宽度”,“980px”);
})
})

在哪个类中包含宽度为的元素。全宽横幅。PS:它在样式表中。谢谢

看起来你只是有一些代码格式化要做。。。你在正确的轨道上

$(document).ready( function() {
    $("#botao").click(function() {
            $('.fullwidthbanner').css("width","980px");
    });
});

看起来你只是有一些代码格式化要做。。。你在正确的轨道上

$(document).ready( function() {
    $("#botao").click(function() {
            $('.fullwidthbanner').css("width","980px");
    });
});

$(文档).ready(函数(){
$(“#botao”)。单击(函数(){
$('.fullwidthbanner').css(“宽度”,“980px”);
});
});

$(文档).ready(函数(){
$(“#botao”)。单击(函数(){
$('.fullwidthbanner').css(“宽度”,“980px”);
});
});

您只需编写一个点击事件,如: 新版本最好使用
。在
上直接使用
。单击


$(文档).ready(函数(){
$(“#botao”)。在(“单击”,函数(){
$(.fullwidthbanner”).css(“宽度”,“980px”);
});
});

您只需编写一个点击事件,如: 新版本最好使用
。在
上直接使用
。单击


$(文档).ready(函数(){
$(“#botao”)。在(“单击”,函数(){
$(.fullwidthbanner”).css(“宽度”,“980px”);
});
});

$(文档).ready(函数(){
$('#botao')。单击(函数(){
$('.fullwidthbanner').css('width','980px');
});
});
不要忘记jQuery选择器中的引号


$(文档).ready(函数(){
$('#botao')。单击(函数(){
$('.fullwidthbanner').css('width','980px');
});
});
不要忘记jQuery选择器中的引号

Reffer to jQuery Docs&

.width(值)

说明:设置匹配元素集中每个元素的CSS宽度


.宽度(

表示像素数的整数,或附加可选度量单位的整数(作为字符串)


.width(函数(索引,宽度)

函数(索引,宽度)返回要设置的宽度的函数。接收集合中元素的索引位置和旧宽度作为参数。在函数中,这是指集合中的当前元素

请参阅jQuery文档&

.width(值)

说明:设置匹配元素集中每个元素的CSS宽度


.宽度(

表示像素数的整数,或附加可选度量单位的整数(作为字符串)


.width(函数(索引,宽度)

函数(索引,宽度)返回要设置的宽度的函数。接收集合中元素的索引位置和旧宽度作为参数。在函数中,这是指集合中的当前元素


结尾缺少一些分号:)结尾缺少一些分号:)
$(.fullwidthbanner)
缺少引号!我认为变量不能以特殊字符开头。
$(.fullwidthbanner)
缺少引号!我认为变量不能以特殊字符开头。为什么.on优于.click?.on是为了替代.live和.bind而创建的。我认为这是一种快速方法,是一种速记方法。现在使用并不重要。on than.click但我个人认为@Tonitonichopper更好为什么是。on than.click?on是为了替代.live and.bind而创建的,我认为这是一种快速方法,是一种速记方法。现在使用并不重要。on than.click但我个人认为@ToniToniChopper更好
<script type="text/javascript">
$(document).ready( function() {
  $("#botao").on("click",function() {
     $(".fullwidthbanner").css("width","980px");
  });
});
</script>
<script>
$(document).ready(function() {
  $('#botao').click(function() {
     $('.fullwidthbanner').css('width', '980px');
  });
});
</script>
(function() {
  var modWidth = 50;
  $("div").one('click', function () {
    $(this).width(modWidth).addClass("mod");
  modWidth -= 8;
  });
})();
​