jquery总结

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() 作用： 获取滚动条滚动高度