Question

我有这段代码

        var PaddingBottom = $('input#padding-bottom');
        PaddingBottom.on('change', function () {
            var img = $('img');
            var newPaddingBottom = this.value;

        $('head').append( '<style>' + img + '{ padding-bottom:' + newPaddingBottom + 'px;} </style>');
        });

但是当input#container-padding-bottom的值发生变化时，每次都会将<style>添加到<head>
我的问题是：如何更改newPaddingBottom值而不将<style>多次添加到<head>？

Answer 1

您无需在页面中添加css即可更改样式属性。你可以直接改变它们......

var PaddingBottom = $('input#padding-bottom');

PaddingBottom.on('change', function () {
    $('img').css("padding-bottom", this.value + "px");
});

请点击此处了解更多信息......

http://api.jquery.com/css/

如何使用JQuery更改值？

1 个答案: