jq常用api
jq之css样式
- $() 参考字符串 作用:选择器创建dom元素返回jq对象
- .css() 参数对象: 作用:给html 设置css样式 原理给元素style属性
以下的API参数为class值
- .addClass()参数字符串:作用给htm1添加class类名返回jq对象
- .removeClass()参数字符串作用删除class类名(参数)返回jq对象
- .toggleClass() 位移的互斥逻辑;有则删除class 无添加class
修改dom属性.attr()
- 是原生dom getAttr() setAttrbute() removeAttribute() 的综合使用
- 一个字符串参数 作用:获取属性的值 返回获取内容
- 一个对象参数:作用给html 设置属性并添加值(多个)
- 两个字符串,作用:修改或者新增某个属性并赋值
- 两个字符;第二个参数为空字符;删除某个属性的值
- 参数为函数 高级使用:return 为设置某个属性的值
jq之dom操作
创建节点
$()
添加元素
父元素.append()
父元素.perend()
兄弟元素.after()
兄弟元素.before()
删除元素
目标元素.remove()
父元素.empty()
克隆元素
目标元素.clone()
替换元素
目标元素.replaceWith()
遍历元素
jq元素数组. each(fn)
jq之dom位置
- .offsere() 作用:目标元素距离视图窗口的位置 返回对象 top left
- scrollTop() 作用: 获取滚动条滚动高度