jQuery小知识3

5.parent(), parents(), closest()三者的区别

parent()返回集合中每个匹配元素的父元素,返回一个元素节点
parents()返回集合中每个匹配元素的祖先元素,找到第一个父节点之后继续向上查找,最终返回多个父节点
closest()从自身开始往上找,返回最先匹配的祖先元素,返回匹配的第一个元素节点

设置css的属性
width设置或者查看元素的宽度
height设置或者产看元素的高度
outerWidth
outerHeight表示包含元素 的高度+内外边距+边框的高度
innerWidth
innerHeight表示元素的内部高度,包含元素本身和内边距,不包括外边距和边框
offset可以设置元素的坐标,相对于文档的位置
console.log(("#content").offset({top:100, left:100})); position可以用来设置元素的位置,该位置是相对于与他定位的父元素的位置,父元素已定位 scrollTop(), scrollLeft()获得元素的滚动条距离顶端的距离和距离左侧的距离,可以获取也可以传递参数 包装元素 wrap(),选中 所选中的元素的外边 wrapInner()选中 所选中的元素里边所有的元素 wrapAll()为所有元素包装 unwrap()去掉包装元素,不支持参数 在元素上追加内容 prepend() append() prependTo()可以将指定的内容添加到指定位置的最前面 appendTo()可以将指定的内容添加到指定的位置("content").prepend("<div>hello</div>")所选的是父元素,在父元素的里边最开始的位置追加元素
("#content").append("<div>hello</div>")追加到content这个父元素的最后一个上面('<h6>hello</h6>').appendTo(".content")可以将h6hello追加到content的后边
before,after,insertBefore,inserAfter
before和after与被选择的元素之间是兄弟关系
insertBefore和insertAfter首先指定插入的内容,然后再指定要插入的位置
empty,remove,detach
empty可以移除所选择的元素的所有子元素





posted @ 2021-12-20 09:53  Thuri  阅读(25)  评论(0编辑  收藏  举报