單引號跟雙引號的問題
<!doctype?html> <html> <head> <meta?charset="utf-8"> <title>無標題文檔</title> <script?src="js/jquery-1.js"></script> <style?type="text/css"> div{ ????background:#bbffaa; ????width:300px; } </style> </head> <body> <h2>通過empty移除元素</h2> <div?id="test"> ????<p>p元素1</p> ????<p>p元素2</p> </div> <button>點擊通過jQuery的empty移除元素</button> <script?type="text/javascript"> $('button').on('click',function(){ ????//通過empty移除了當前div元素下的所有p元素 ????//但是本身id=test的div元素沒有被刪除 ????$('#test').empty();???????? }) </script>? </body> </html>
教程的案例使用雙引號可以出效果,我用編輯器用單引號也可以出效果,那么這個單雙引號到底是怎么樣的
2017-02-10
單引號包含雙引號的時候,里面的雙引號不用轉義,反之亦然。在js當中沒什么區別,都是可以括住字符串的,所以你會發現一般寫這兩個隊都對。
不過在字符串拼接與函數傳參混合的時候,由于同種引號不能嵌套,所以需要者兩種引號配合使用,才能實現。舉例如下:
td=$("<div class='result'><a href='../student/modifystudent.aspx?sno="+sno+"' target='_blank'>修改</a></div>"); ?
不用嵌套無法寫出來。