js 单引号和双引号的使用注意事项

时间:2024-01-08 08:53:44

前言:

刚入行时,对单双引号没有过研究,使用时也是碰到什么用什么,后来慢慢遇到引号嵌套时报错,才了解问题。因之前的文章稍显混乱,现重新编辑,帮助需要的人儿。

正文:

1、一般情况下(没有嵌套)在js中单引号和双引号作用是一样的,可凭自己习惯使用,建议养成只使用一种的习惯,有利于代码统一性及可维护。
     以下三种写法都是正确可行的。
      $("ul li").css("color","red");
      $('ul li').css('color','red');
   $("ul li").css('color',"red");
2、碰到嵌套的时候才会同时用两种引号,规则是外层如果是单引号,内层就是双引号,如果想要在引号内引用变量,则需要跟外层的符号一致。
  例子如下

可以执行的语法:

$("ul li a").filter(":contains('佳能'),:contains('松下'),:contains('卡西欧')").css("color","red");

错误的语法:

$("ul li a").filter(":contains("佳能"),:contains("松下"),:contains("卡西欧")").css("color","red");

  可以执行的语法:

  var a='123';

  $("#append").html('<a href="1.html" >'+a+'</a>')

  错误的语法:

  var a='123';

  $("#append").html('<a href="1.html" >"+a+"</a>')