为什么需要使用document.querySelector而不是使用$("body")呢?

来源:2-1 DOM创建节点及节点属性

卜卜口0

2016-03-27 21:02

document.querySelector是为了获取body结点,为什么不使用$("body")呢?

写回答 关注

5回答

  • SevenMonths
    2016-03-27 21:11:06
    已采纳

    在本实例中没什么区别。 下面是我学习这节的总结,希望对你有用:

    querySelector()方法接受一个CSS查询并返回匹配模式的第一个子孙元素,如果没有匹配的元素则返回null。

    //获取body元素

    var body = document.querySelector("body");

    //获取ID为myDiv的元素

    var myDiv = document.querySelecotr("#myDiv");

    //获取第一个包含类selected的元素

    var selected = document.querySelector(".selected");

    //获取第一个包含类button的图像元素

    var img = document.body.querySelector("img.button");

    注意:querySelector() 是按css 规范实现的。如果同时获取id,id是以数字开头的,即获取不到。

               getelementById()就可以获取到。


    卜卜口0

    非常感谢!谢谢您的解答

    2016-03-27 21:11:57

    共 1 条回复 >

  • 慕粉4340077
    2016-12-21 09:45:36

    document.querySelector()是js课程里的知识吗?我目前只学到用document.getElementById()等方法获取元素。

  • 一仁
    2016-08-01 17:58:44

    $("body")获取到的是jQuery对象,而document.querySelector("body")获取到的是DOM对象,这是不同的。jQuery对象是无法appendChild的

  • 黑店老板
    2016-04-21 23:27:12

    可以使用 var body = document.body;代替。

  • tomasyao77
    2016-03-30 17:46:32

    $("body")是JQuery的语法,而本例是使用原生js代码编写,初学者,不知理解对不对。


jQuery基础(二)—DOM篇

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

114014 学习 · 590 问题

查看课程

相似问题