DOM方式操作元素属性

原生js取属性值getAttribute
var optionsJson = this.getAttribute('data-options') || '{}';

1.获取：getAttribute(名称)

2.设置：setAttribute(名称，值)

3.删除：removeAttribute(名称)

用className选择元素好处：

1.可批量选择元素

2.可有选择性能

3.当页面发生改变时，程序不会出错

 

创建DOM元素：

createElement(标签名)---->创建一个节点

appenChild(节点)---->追加一个节点

insertBefore(节点，原有节点)-------在已有元素前插入

删除DOM元素：

removeChild(节点)

 

parent()只找上一父级

parents()全部父级

parentsUntil()找元素与元素之间的父级（所有祖级）

例：

$('span').parentsUntil('ul'').css('border-color','green');

 

后代：

children()下一级

find()所有子级

find('*')全部后代

 

同级：

siblings()所有同级

next()该元素后面的同级

nextAll()该元素后面的所有同级

nextUntil()元素与元素之间的所有同级

prev()该元素前面的同级

prevAll()该元素前面的所有同级

prevUntil()元素与元素之间的所有同级

 

过滤：

first()第一个

last()最后一个

eq()某个

filter()带某个类名的标签

例：

$('p').filter('.info');

转载于:https://www.cnblogs.com/rockyan/p/7943369.html