搞不懂jquery的书写格式关于单引号和双引号问题

在实例中我自己重新写了代码。我第一次写的代码如下：

    $(".bt1").on("click",function(){
        $(".right > div:first p:eq(1)").replaceWith("<a style="color:maroon">replaceWith2被替换</a>")
    })

click，replaceWith()括号内的内容我用双引号。点击没有效果。

后来我改成如下：

$(".bt1").on('click',function(){
        $(".right > div:first p:eq(1)").replaceWith('<a style="color:maroon">replaceWith2被替换</a>')
    })

我把原来的单引号改为了双引号效果就出来了。

我该在什么情况下用单引号，什么情况下用双引号？