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

前言：

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

正文：

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