如何使用 JQuery 更改值？答案

【问题标题】：How to change value using JQuery?如何使用 JQuery 更改值？
【发布时间】：2018-08-17 01:25:53
【问题描述】：

我有这个代码

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

【问题讨论】：

标签： jquery styles

【解决方案1】：

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

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

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

查看这里了解更多信息...

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

【讨论】：