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() 作用:获取滚动条滚动高度
还没有评论,来说两句吧...