Dom属性和方法的总结

1：获取值的方法
html()
text()
val() 既可以获取input里面的值/也可以设置值
如果是下拉菜单 、单选、多选的情况下 val([’’])方法 还可以将他们设置成默认选中
prop(‘checked’,true) 专属input默认选中方法
2：操作属性的方法
attr() 获取/设置元素属性的方法
attr()还可以设置多个属性 设置多个属性采用对象的模式 attr({‘k1’:‘v1’,‘k2’:‘v2’,‘k3’:‘v3’})
removeAttr() 移除属性方法

addClass() 	只能向元素添加class值
removeClass()	删除属性方法

toggleClass() 添加样式切换方法  （方法中不加 .）

hasClass()/is()	检查元素是否包含指定的类  （方法中不加 .）

3：遍历方法 ：节点内部插入
var box=$(‘

你好

’) 创建一个标签
append() 插入一个标签
appendTo() 插入到标签里面的后面
prepend(‘插入一对标签’) 插入到标签里面的前面
prependTo() 插入到标签里面的后面
5：节点外部插入
after() 向指定元素后插入一个同级标签
before() 向指定元素前插入一个同级标签
insertAfter()将指定元素移入指定元素后面
insertBefore()将指定元素移入指定元素后面
6：包裹节点方法
wrap() 向指定元素包裹一层代码
wrap(element) 向指定标签包裹指定标签
unwrap() 移除指定元素上一层标签
wrapAll() 包裹所有的指定元素上

wrap()和wrapAll()的区别是：
wrap()方法是把指定标签看成独立体分别包裹
wrapAll()方法是把指定标签包裹成一个独立体

7：操作节点方法
clone(true/false) 克隆节点
如果克隆里面没有true 那么他是不会克隆事件行为的，有true的话就会克隆事件行为
remove() 删除节点
detach() 删除节点
empty() 删除内容保留标签
replaceWith() 替换节点
replaceAll() 替换节点(先创建再删除)
8：其他css方法
width() 获取/设置元素的宽度
height() 获取/设置元素的高度
innerWidth() 获取元素的宽,包含内边距（padding）
innerHeight() 获取元素的高,包含内边距（padding）
outerWidth() 获取元素的宽,包含内边距（padding）+边框（border）
outerWidth(true) 获取元素的宽,包含内边距（padding）+边框（border）+外边距（margin）
outerHeight() 获取元素的高,包含内边距（padding）+边框（border）
9：元素偏移方法
offset() 元素相对可视窗口的偏移位置
position() 元素相对父元素的偏移位置
scrollTop(val) 获取/设置垂直滚动条的值
scrollLeft(val) 获取/设置横滚动条的值