H5后javascript的提升

JAVASCRIPT提升

DOM扩展

获取元素

~~~javascript
document.getElementsByClassName (‘class’);
//通过类名获取元素,以伪数组形式存在。

document.querySelector(‘selector’);
//通过CSS选择器获取元素,符合匹配条件的第1个元素。

document.querySelectorAll(‘selector’);
//通过CSS选择器获取元素,以伪数组形式存在。
~~~

类名操作

~~~javascript
Node.classList.add(‘class’);
//添加class

Node.classList.remove(‘class’);
//移除class

Node.classList.toggle(‘class’);
//切换class,有则移除,无则添加

Node.classList.contains(‘class’);
//检测是否存在class

jquery和H5操作类的API比较

box = document.querySelecter(‘.box’);

jquery H5
$(‘.box’).addClass() box.classlist.add()
$(‘.box’).removeClass() box.classlist.remove()
$(‘.box’).toggleClass() box.classlist.toggle()
$(‘.box’).hasClass() box.classlist.contains()
阅读更多
个人分类: H5C3
上一篇常用表单属性
下一篇H5中自定义属性实现tab栏切换案例
想对作者说点什么? 我来说一句

lazyload-JavaScript

2016年10月17日 3.07MB 下载

没有更多推荐了,返回首页

关闭
关闭