jquery中css样式与dom操作

一时失言乱红尘 2023-06-25 10:09 24阅读 0赞

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

发表评论

表情:
评论列表 (有 0 条评论,24人围观)

还没有评论,来说两句吧...

相关阅读