jquery - 在 AJAX 函数中添加 CSS

Question

我有一个 AJAX 函数来隐藏和显示 HTML 表单的字段。我想在 AJAX 函数中添加一些 CSS。

<script>
    $(function() {

        $('#advo_other').hide();
        $('#advocate').change(function() {

            var val = $(this).val();

            $('#advo_other').hide();

            switch (val) {
                case 'Other':
                    $('#advocate') // want to add css there......
                    $('#advo_other').show();
                    break; 
            }
        });
    });
</script> 

样式如下:

<style type="text/css">
    .fade {
        color: #CCC;
        border-color:#CCC;
    }
</style>

Answer 1

您可以添加 CSS with Jquery像这样的任何元素:

$('#advocate').css('color', '#005DAA');

或者，您可以向元素添加带有样式规则的类

$('#advocate').addClass('fade');