jQuery 选择器、DOM操作、事件、动画

2020-05-22 17:06:50易采站长站整理
遍历节点






















Children()


取得匹配元素的子元素的集合,只考虑子元素不考虑后代元素


Next()


取得匹配元素后面紧邻的同辈元素


Prev()


取得匹配元素前面紧邻的同辈元素


Siblings()


取得匹配元素前后所有的同辈元素


Closest()


取得最近的匹配元素


还有很多遍历方法:find(),filter(),nextAll(),prevAll(),parent(),parents()等


 


CSS-DOM操作





























获取样式


$(“.one”).css(“color”)


设置样式


$(“.one”).css(“color”,”red”)


$(“.one”).css({“opacity”:”0.5”,”background-color”:”blue”})


Height()


$(“.one”).height(),设置:$(“.one”).height(“20px”)


Width()


$(“.one”).width(),设置:$(“.one”).width(“200px”)


Offset()


获取元素在当前视窗的相对偏移,包括top和left


Position()


获取元素相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移,它返回的对象也包括两个属性,即top和left


ScrollTop()


获取和设置元素的滚动条距顶端的距离


ScrollLeft()


获取和设置元素的滚动条距左侧的距离