Jquery單引號和雙引號的使用注意

Roninwz發表於2017-09-13

據Jquery文件顯示在js中單引號和雙引號都是一樣的,但是在實際使用就碰到了問題,如下面的例子,在巢狀使用時,如果都使用雙引號,內層的雙引號的無效的

<script src="../../scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	$("#send").click(function() {//外層物件使用雙引號
		$.ajax({
			  type: "GET",
			  url: "test.json",
			  dataType: "json",
			  success:function(data){
				  //$("#resText").empty();//內層物件使用雙引號,無效
				  $('#resText').empty();//內層物件使用單引號,有效
				  var html='';
				  $.each(data,function(commentIndex, comment) {
					  //同理,內層html,使用單引號,但是它的下一層,要使用雙引號,才生效
					  html += '<div class="comment"><h6>' + comment['username'] + ':</h6><p class="para">' + comment['content'] + '</p></div>';
				  });
				  //$("resText").html(html);
				  $('#resText').html(html);
				  
			  }
			});
	});
})

通過上面的例子,可以總結一下就是,平時使用的時候儘量用單引號,只有碰到巢狀的時候才會同時用兩種引號。即外面是單引號的時候裡面就要用雙引號,外面是雙引號的時候裡面就要用單引號,總之不能同時用雙引號或者是單引號

轉載來自:http://m.blog.csdn.net/xufengzhu/article/details/73231901

相關文章