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>