首先要说明，在JS中单引号与双引号可以同时使用，但是要有规则。

一、外面用了双引号，里面就不可以在用双引号了；外面用了单引号，里面也就不可以用单引号了。

二、不同类型引号之间可以嵌套，最多两层（用转义可以套多层，但是可读性差，不建议这么用！）；比如单引号中套双引号，或者双引号中套单引号。

三、单引号转义为\'；双引号转义为\"；

四、单引号与双引号之间的字符串是可以连接的；例如：'a'+"b"+"c"+'d' = "abcd"

五、<div class='con"+"tent'></div>  相当于  <div class='content'></div>这里就是单引号套双引号的例子；

六、从编译速度上来看，单引号在浏览器中被编译的速度更快；

七、单引号与双引号在各自单独使用时，基本没有区别；例如：

var exm = '案例'；var exe = "案例"；变量exm与exe的内容都是字符串  案例；
console.info(exe == exe) ；//输出true；

八、单引号和双引号混合使用时，需要注意：

一般出现在JS拼接字符串里面，或者html元素的属性里面，单引号和双引号必须成双成对的出现，可以单引号在外面，也可以双引号在外面；

var exm = "'案例'"；//这里变量exm的内容是字符串'案例'，这里单引号也是字符串的一部分；
var exe = '"案例"'；//这里变量exe的内容是字符串"案例"，这里的双引号也是字符串的一部分；
console.info(exe == exe) ；//输出false；他们是不一样的字符串；

九、字符串拼接：

var html = "<div class = 'content'></div>"；//这里外面是双引号，里面就不能在用双引号了，引号必须成双成对，所以这里里面用了单引号；

同理，var html = '<div class = "content"></div>'；//也是可以的；

那么只用一种引号能不能实现呢，也是可以的；但是必须对引号进行转义，告诉浏览器这里的引号只是字符串，而不是引号结束符。例如：

var html = '<div class = \'content\'></div>'或者var htm = "<div class = \"content\"></div>"；明白了吧！