jquery里面的dom总结

jquery里面的dom总结

注: this和$(this)
this 是原生态js里面的this获取到的是一个节点
$(this) 获取到的是jQuery对象

1. 获取值的方法

html() 取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档
text() 取得所有匹配元素的内容.结果是由所有匹配元素包含的文本内容组合起来的文本
val() 既可以获取input里面的值/也可以设置值 如果是下拉菜单 、单选、多选的情况下
val([’’])方法 还可以将他们设置成默认选中
prop('checked',true) 专属input默认选中方法

2. 操作属性的方法

attr() 获取/设置元素属性的方法 ,还可以设置多个属性 设置多个属性采用对象的模式
removeAttr() 移除属性方法
addClass() 只能向元素添加class值
removeClass() 删除属性方法
toggleClass() 添加样式切换方法 （方法中不加.）
hasClass()/is() 检查元素是否包含指定的类 （方法中不加 .）

注: prop和attr的区别
attr 是从标签里面去搜索属性,可以搜索到自定义的属性和系统内容的属性,但是他的速度比prop慢
prop 是直接从属性集合里面是读取(只能操作内置的一些属性,自定义的不行).他的速度快.当操作系统内容的属性时候推荐使用他,又快又精准

3. 遍历方法

each() 元素的遍历方法
$().each() 用来操做dom
$.each(arr,function(下标，内容){}) 比如遍历数组

4. 节点内部插入

	var box=$('<div id="box">你好</div>')