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');

Answer 2

使用addClass functionnality。

所以你会：

<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")删除类样式。

在AJAX函数中添加CSS

3 个答案: