JQ中單雙引號(hào)的問題:什么時(shí)候用雙引號(hào),什么時(shí)候用單引號(hào)?
這一課中我發(fā)現(xiàn)文中所舉的例子中,有的用了單引號(hào),有的用了雙引號(hào),我將其全部都改成了雙引號(hào),照理說應(yīng)該沒問題的,可是實(shí)際測試?yán)訁s沒反應(yīng)了,故只能改回原來的有的單引號(hào),有的雙引號(hào)的情況,求一個(gè)合理的解釋,為什么JQ中必須要這么干?是這個(gè)引入的老版本JQ庫有問題嘛?
? ? <script type="text/javascript">
? ? ? ? //只克隆節(jié)點(diǎn)
? ? ? ? //不克隆事件
? ? ? ? $(".bt1").on('click', function() {
? ? ? ? ? ? //找到內(nèi)容為第二段的p元素
? ? ? ? ? ? //通過replaceWith刪除并替換這個(gè)節(jié)點(diǎn) ? 注意:通過replaceWith()方法替換節(jié)點(diǎn)之后返回的是沒替換之前的節(jié)點(diǎn)
? ? ? ? ? ? var a=$(".right > div:first p:eq(1)").replaceWith('<a style="color:red">replaceWith替換第二段的內(nèi)容</a>');
? ? ? ? ? ? alert(a.html());
? ? ? ? })
? ? </script>
? ? <script type="text/javascript">
? ? ? ? //找到內(nèi)容為第六段的p元素
? ? ? ? //通過replaceAll刪除并替換這個(gè)節(jié)點(diǎn) ? ? 注意:通過replaceAll()方法替換節(jié)點(diǎn)之后返回的是替換之后的節(jié)點(diǎn)
? ? ? ? $(".bt2").on('click', function() {
? ? ? ? ? ? var b=$('<a style="color:red">replaceAll替換第六段的內(nèi)容</a>').replaceAll('.right > div:last p:last');
? ? ? ? ? ? alert(b.html());
? ? ? ? })
? ? </script>
2018-03-02
簡單的說:單引號(hào)和雙引號(hào)混合使用是為了避免引用混淆。舉個(gè)例子:樓上所說的replaceWith('<a?style="color:red">replaceWith替換第二段的內(nèi)容</a>')這一部分,顯然單引號(hào)包括'<a?style="color:red">replaceWith替換第二段的內(nèi)容</a>',雙引號(hào)包括"color:red"。如果全使用單引號(hào)或雙引號(hào)則無法區(qū)分。當(dāng)然亦可以換成replaceWith("<a?style='color:red'>replaceWith替換第二段的內(nèi)容</a>")效果是相同的。(個(gè)人理解)
2017-12-02
那這行代碼來說,你吧 $(".right?>?div:first?p:eq(1)")這里面的雙引號(hào)改成單引號(hào)作用肯定是一樣的,
你吧replaceWith('<a?style="color:red">replaceWith替換第二段的內(nèi)容</a>')這里面單引號(hào)全部改成雙引號(hào),會(huì)變成"<a?style="? 和? ">replaceWith替換第二段的內(nèi)容</a>" ,肯定不對(duì)啊
2017-11-23
我嘗試了將選擇器前后以及插入內(nèi)容前后的引號(hào)全部改成單引號(hào),居然就都可以正常運(yùn)行了,可是全部雙引號(hào)的話卻不行,這是為什么呢?