jsDom对象、鼠标事件、自定义属性、节点操作

js中innerHTML的作用，jquery中html()、trim()、find()的作用

在html中的作用：往标签中添加内容
trim()本身的作用是去除字符串俩边的空格
find()本身的作用是选择哪一类标签
juery选择器的种类，如何表达
(1)基本
#id
element
.class
*
selector1,selector2,selectorN
(2)层次选择器：
ancestor descendant
parent > child
prev + next
prev ~ siblings
(3)基本过滤器选择器
:first
:last
:not
:even
:odd
:eq
:gt
:lt
:header
:animated
(4)内容过滤器选择器
:contains
:empty
:has
:parent
(5)可见性过滤器选择器
:hidden
:visible
(6)属性过滤器选择器
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
[attrSel1][attrSel2][attrSelN]
(7)子元素过e799bee5baa6e59b9ee7ad9431333264633463滤器选择器
:nth-child
:first-child
:last-child
:only-child
(8)表单选择器
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
(9)表单过滤器选择器
:enabled
:disabled
:checked
:selected

js分为三个部分（基础语法、Dom、Bom）

DOM:获取节点、创建节点、删除节点、添加节点等属性

Bom：浏览器窗口

getElementsByTagName()获取到是动态集合； getElaementsByTagName和getElementsByClassName函数的返回值都是集合而getElementById函数获取的是一个元素，而且指获取第一个出现的id名

H5新增获取元素方式

querySelector（）指获取第一个出现的

querySelector（）获取所得的符合条件的，返回值是一个集合

一 、js事件基础

事件三要素（事件源、事件类型、事件处理程序）

获取、更改内容的
1.innerHtml 获取内容时，也会获取内容之外的标签
2.innerText 只会获取内容不会获取标签
元素属性操作 属性值（src、href、id、alt等）
改变属性值：标签.属性=值
表单元素的属性操作
disabled=true 禁止按钮再点 false 按钮可以点

二、鼠标事件

1.onmousedown–> onclick 鼠标单击事件
2.onmousemove 鼠标移动事件
3.onmouseout 鼠标移动事件
4.onmouseover 鼠标悬浮事件
5.onmouseup 松开鼠标事件
6.onbdlclick 鼠标双击事件
7.onfocus 获取焦点事件
8.onbblur 失去焦点事件

三、自定义属性

1).js操作元素俩种方式
第一：使用style 操作单一元素的样式
第二：使用className改变多个属性样式，必须是同一个元素

2）.自定义属性
获取自定义属性用：getAttribute（‘属性名’）
设置或添加自定义属性用：setAttribute（‘属性名’,‘值’）
删除自定义属性用：removeAttribute（‘属性名’）
也可以手动添加自定义属性 data-‘属性名’
快速获取手动添加的自定义属性： dataset.属性名

四、js 节点操作

1.创建节点（createElement（‘’））

//例如：
//创建节点
var p=document.createElement('<p></p>')
//追加内容
var p_innerHtml=p.innerHtml="内容"
//追加到页面 appendChild是追加到页面后面
元素.appendChild(p_innerHtml)

2.获取父子节点
1）.获取节点类型：nodeType
2）.获取父元素 ：元素.parentNode
3）.获取子元素： 元素.childNodes || 元素.children 返回值都是集合

3.获取兄弟节点（ie9以下有兼容问题）
下一个兄弟节点：元素.nextElementSibling
上一个兄弟节点：元素.previousElementSibling