jquery中css样式与dom操作

jq之css 样式

• $() 参数字符串 作用：选择器 创建dom元素 返回jq对象
• .css() 参数对象；作用；给html 设置css 样式.原理：给元素style属性提娜佳

以下的API 参数为class值

• .addClass() 参数字符串：作用给html添加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位置

• .offsert() 作用：目标元素距离视图窗口的位置；返回对象； top left
• scrollTop() 作用：获取滚动条滚动高度