jQuery
DOM节点
父节点parent()
$("#p").parent();
父节点集合parents(“选择器”)
$("#p").parents(".box");
直接子节点children()
$("#p").children();
后代子节点find()
$("#p").find(".span");
所有的兄弟节点siblings()
$("#p").siblings(".div");
后面的一个兄弟节点next()
$("#p").next();
前面的一个兄弟节点prev()
$("#p").prev();
后面的所有兄弟节点nextAll()
$("#p").nextAll();
前面的所有兄弟节点prevAll()
$("#p").prevAll();
添加类名addClass(‘类名’)
$(this).addClass("a");
移出类名removeClass(“类名”)
$(this).removeClass("a");
切换类名toggleClass(‘类名’)
$(this).toggleClass("a");