Html5中的选择器(Selector)

          最近在项目中使用到了Html5这门超文本标记语言,利用空闲时间自己学习了一下H5。现在在移动APP中的开发,H5使用的越来越多,面对这样的发展趋势,把自己所知道的H5常用点,记录下来方便自己查看的同时,也方便同在程序员战场的同道中人。

      想必搞过JS、jQuery等的人都知道,有一个神奇的技术---选择器。如:

       .class  表示所有 class="name"元素 的JS对象(用jQuery获取的不是JS对象,在此不多阐述),

       #id      表示id="name"的元素的JS对象

       Element  元素选择器

      等这些常用的 通过  document.getElementById(), document.getElementByName(), document.getElementByTagName  获取到JS对象。

      再H5中,除了支持上面的,还扩展了2个常用的方法:

             document.querySelector("");   document.querySelectorAll("");----在这里面支持 .class、#id、Element  还有一些属性。如下:

            Html5中的选择器(Selector)_第1张图片

            Html5中的选择器(Selector)_第2张图片

         当然,如果用 document.querySelector(); 返回的是符合条件的一个JS对象,诺符合的又一个以上那对象是这些符合JS对象中的第一个JS对象。

                 document.querySelectorAll();返回的是符合条件的JS对象数组,诺只有一个 那就是一个JS对象。

你可能感兴趣的:(Html5)