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

您可以使用 Jquery 将 CSS添加到任何元素，如下所示：

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

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

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

Answer 2

使用 addClass 功能。

所以你将拥有：

<script>
    $(function() {

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

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

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

            switch (val) {
                case 'Other':
                    $('#advocate').addClass("fade");
                    $('#advo_other').show();
                    break; 
            }
        });
    });
</script> 

Answer 3

尝试;

$(function() {
  $('#advo_other').hide();
  $('#advocate').change(function() {
    var val = $(this).val();
    $('#advo_other').hide();
    switch (val){
      case 'Other':
      $('#advocate').addClass("fade");
      $('#advo_other').show();
      break;
    }
  });
});

$('#advocate')用于选择具有 id 的元素advocate。您可以在 CSS 中创建分类以设置元素样式。用于addClass("class_name")向元素添加一些类样式并.removeClass("class_name")删除类样式。