单引号跟双引号的问题

来源:4-1 DOM节点删除之empty()的基本用法

清水流

2017-02-10 09:40

<!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>

教程的案例使用双引号可以出效果,我用编辑器用单引号也可以出效果,那么这个单双引号到底是怎么样的

写回答 关注

1回答

  • 穗源
    2017-02-10 11:39:28
    已采纳

    单引号包含双引号的时候,里面的双引号不用转义,反之亦然。在js当中没什么区别,都是可以括住字符串的,所以你会发现一般写这两个队都对。
    不过在字符串拼接与函数传参混合的时候,由于同种引号不能嵌套,所以需要者两种引号配合使用,才能实现。举例如下:
    td=$("<div class='result'><a href='../student/modifystudent.aspx?sno="+sno+"' target='_blank'>修改</a></div>");  
    不用嵌套无法写出来。

    清水流

    非常感谢!

    2017-02-10 12:00:47

    共 1 条回复 >

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114012 学习 · 590 问题

查看课程

相似问题