美文网首页
HTML5新增选择器属性方法

HTML5新增选择器属性方法

作者: 舞城 | 来源:发表于2015-09-01 17:36 被阅读0次

HTML5新特性的浏览器支持情况
http://www.caniuse.com/#index
querySelector
querySelectorAll
getElementsByClassName

var box = document.querySelector('[title=box]');
<div id="div1" title="box">zhui</div>

获取class列表属性
classList
length : class的长度

add() : 添加class方法

remove() : 删除class方法

toggle() : 切换class方法

JSON的新方法
parse() : 把字符串转成json
字符串中的属性要严格的加上引号
stringify() : 把json转化成字符串
会自动的把双引号加上
新方法与eval的区别
新方法的应用
深度克隆新对象
如何其他浏览器做到兼容
http://www.json.org/去下载json2.js

data自定义数据
dataset
data-name : dataset.name

data-name-first : dataset.nameFirst

Data数据在jquery mobile中有着重要作用

<div id="div1" data-zhui="织辉" data-zhui-boy="男孩"></div>
var oDiv = document.getElementById('div1');
alert(oDiv.dataset.zhui)
alert(oDiv.dataset.zhuiBoy)

相关文章

  • HTML标签-->HTML5新增

    HTML的Form新增属性 HTML新增标签 HTML5新增结构标签 视频和音频 CSS 引入css 基本选择器

  • HTML HTML5新增标签属性整理

    HTML5 新增属性详解 HTML5 新增标签详解 HTML5 新增全局属性详解

    HTML5简介

    HTML5 HTML5的内容主要分为三个部分: 新增的属性、新增的标签、API。 1. 新增的属性 新增的属性包括...

  • HTML5新增选择器属性方法

    HTML5新特性的浏览器支持情况http://www.caniuse.com/#indexquerySelecto...

  • html5选择器

    html5选择器 属性选择器 层级选择器 伪选择器 属性选择器 属性选择器和标签选择器、id选择器、类选择器一样,...

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • HTML 5 新增方法以及历史管理

    @(HTML5)[HTML5 新增方法] [TOC] 十四、 HTML 5 新增方法以及历史管理 新增的获取元素的...

  • getElementsByClassName兼容新老浏览器方法

    html5 dom中新增了一个getElementsByClassName方法,我们可以通过class属性的类名访...

  • HTML CSS学习回顾

    二十六.CSS新增选择器: 1.属性选择器:属性选择器可以根据元素特定属性来选择元素,这样就可以不用借...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

网友评论

      本文标题:HTML5新增选择器属性方法

      本文链接:https://www.haomeiwen.com/subject/czklcttx.html