如何使用 JQuery 更改值

我有这个代码

        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>
我的问题是：如何在不多次向<head>添加<style>的情况下更改newPaddingBottom值？

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

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

更多信息请看这里...

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

相关内容

最新更新

热门标签：