前端开发

 首页 > 前端开发 > javascript > js原声选择器详解document.querySelector系列

js原声选择器详解document.querySelector系列

分享到:
【字体:
导读:
          用功Jquery的都知道他最强的之处在于$选择器,非常方便的操作dom文档,不用像原声js那样docuemnt.getElementById...等等。 今天给大家介绍JS最新推出的原声选择器API, document.querySelector 和 do...

用功Jquery的都知道他最强的之处在于$选择器,非常方便的操作dom文档,不用像原声js那样docuemnt.getElementById...等等。

今天给大家介绍JS最新推出的原声选择器API,document.querySelectordocument.querySelectorAll 方法:

document.querySelector

介绍:querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素

document.querySelectorAll

介绍:querySelector() 方法返回文档中匹配指定 CSS 选择器的所有的元素


blob.png


用法实例:




    
    Document


nihao
        
  • nihao1
  •     
  • nihao1nihao1
  •     
  • nihao1
  •     
  • nihao1
  •     
  • nihao1
window.onload = function(){     if(document.querySelector){         var aa = document.querySelector("#aa");         console.log(aa);     }else{         console.log('none')     }     if(document.querySelectorAll){         var bb = document.querySelectorAll('.bb');          console.log(bb);     }else{          console.log('none2')     } }


分享到:
js如何判断对象是否相等
js如何判断对象是否相等 在Javascript中相等运算包括"==","==="全等,两者不同之处,不必多数,本篇文章我们将来讲述如何判断两个对象是否相等? 你可能会认为,如果两个对象有相同的属性,以及它们的属性有相同的值,那么这两个对象就相等。那么下面我们通过一个实例来论证下: var obj1 = {     name: "Benjamin...
判断js对象是否存在
Javascript语言的设计不够严谨,很多地方一不小心就会出错。 举例来说,请考虑以下情况。 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明。用自然语言描述的算法如下: if (myObj不存在){     声明myObj;   } 你可能会觉得,写出这段代码很容易。但是实际上,它涉及的语法问题,远比...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……