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  还有一些属性。如下:

            

            

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

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值