一、获取DOM节点
//找祖宗
parent()
parents()
closest() //找后代
children();
find(); //找兄弟
next()/nextAll()
prev()/prevAll()
siblings()
二、元素节点操作
$(html) //创建DOM append()/appendTo() //内部追加
prepend()/prependTo() //内部前置
after()/insertAfter() //后面插入
before()/insertBefore() //前面插入(注意区分js的insertBefore) replaceWith()/replaceAll() //替换节点
wrap() //单独包裹
wrapAll() //整体包裹
wrapInner() //内部包裹
两种删除节点方法
remove() //仍可追加,但绑定的事件失效
detach() //保留节点匹配的事件和方法
其他
clone()/clone(true) //true表示该元素的副本也有复制功能
empty() //清空元素的所有后代节点
三、属性节点操作
//获取
attr("title")
//设置
attr("title","test")
attr({ "title":"test", "name":"hello" )}
//删除
removeAttr()
四、样式操作
//类操作,可同时操作多个类名
addClass()
removeClass()
toggleClass()
hasClass() //返回布尔值,等同于is(".classname") //CSS-DOM操作,但会出现在表现层,用class代替
css() //用法同attr(),带引号,"-"用驼峰式替换
css("opacity","0~1") //设透明度 height()/width()
height()/height("10em") //默认单位px offset().left/top
position().left/top
scrollTop()/scrollLeft() //滚动条距离顶端、左边的距离
五、获取和设置HTML、文本和值
//无参数是获取,有参数设置为参数值
html()
text() //元素的文本值
val() //当前默认值用defaultValue获取
附:
is(selector) //判断选择器的存在,返回布尔值