jquery语法错误非法字符

Question

我一直收到萤火虫中非法角色的错误

 $('#service_chk').click(function () {
     var $this = $(this);
     if ($this.is(':checked')) {
         $('#service').css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'block');​​​​​​
     } else {
         $('#service').css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'none');​​​​​​
     }
 });

错误指向$（'＃service'）中的“昏迷”.css（'display' ， '块'）;

这是我的观点

<tr>
    <td><input type="checkbox" id="service_chk"></td>
    <td style="text-align:center;"><input type="text" class="form-control" id="service" style="display:none;"></td>
</tr>

我正在学习javascript，请帮助我，谢谢。

Answer 1

问题是因为文本编辑器或您正在使用的IDE中的编码。将您的脚本复制粘贴到jsfiddle中，您将看到错误。

<强> HTML

        <tr>
        <td>
            <input type="checkbox" id="service_chk">
        </td>
        <td style="text-align:center;">
            <input type="text" class="form-control" id="service" style="display:none;">
        </td>
    </tr>

链接：http://jsfiddle.net/GCu2D/1655/

Answer 2

你的代码中有一堆不可见的空格（零宽度空格）。

下面的

是您的代码的固定版本：

 $('#service_chk').click(function () {
     var $this = $(this);
     if ($this.is(':checked')) {
         $('#service').css('display','block');
     } else {
         $('#service').css('display','none');
     }
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
    <td><input type="checkbox" id="service_chk"></td>
    <td style="text-align:center;"><input type="text" class="form-control" id="service" style="display:none;"></td>
</tr>

Answer 3

这是您的代码

    $('#service_chk').click(function() {
  var $this = $(this);
  if ($this.is(':checked')) {
    $('#service').css(
    {'display': 'block'});
  } else {
    $('#service').css({'display': 'none'});
  }
});

请在记事本中打开代码以删除任何空格