jQuery中的操作节点常用的方法

我这里的$(this)是代表当前对象

1,获取非自身的元素方法

需求	方法
获取第一个父元素(无法获取多级父元素)	$(this).parent()
获取指定父及元素	$(this).parents(".className")
获取所有的兄弟元素(可传参获取指定的兄弟元素)，不包含自身	$(this).siblings()
获取指定子元素(通过传参获取指定的子元素)	$(this).find(".className")
获取指定节点的下一个兄弟节点	$(this).next()
获取指定节点的上一个兄弟节点	$(this).prev()
删除自身及所有后代节点	$(this).remove()
删除所有后代节点，保留自身节点	$(this).empty()
内部插入	在前面插入$(this).prepend(ele);追加插入 $(this).append(ele)
外部插入	前$(this).before(ele) 后 $(this).after(ele)

2,获取元素里内容的方法

需求	方法	设置或修改
获取样式	$(this).css(“name”)	直接修改 css(name,value)批量修改使用对象字面量的方式css({ name : value, name : value})
获得元素里的文本	$(this).text()	直接再括号里写
获取元素里所有的内容，包括标签等	$(this).html()	直接再括号里写
获取表单元素里的value属性	$(this).val()	直接再括号里写
获取属性	$(this).attr()	直接再括号里写,如：attr(“class”,classValue)
追加样式	$(this).addClass()	直接再括号里写类名,不用加 . 点
删除样式(传参删除指定样式，否者删除全部样式)	$(this).removeClass()
切换样式(不传参将原有的样式移除进行切换，传参将添加该类名的样式切换，不移除原有的样式)	$(this).toggleClass()