jq操作基本

199 阅读1分钟

jq操作基本

  • removeClass删除样式
  • addClass添加样式
  • toggleClass 模拟了addClass()与removeClass实现切换的过程
  • hasClass() 方法判断是否含指定的样式 有就返回true 没有就返回false
  • hover()可以写两个方法 第一个方法表示移入第二个表示移出两个方法用逗号隔开 只写一个表示移入和移出都执行
  • html()用于获取第一个匹配元素的html内容或文本内容 与innerhtml相像
  • text() 与innertext相像
  • val() val表示原生中value的意思

jq节点操作

  • $(selector):通过选择器获取节点
  • $(element):把Dom节点转化成jQuery节点
  • $(html):使用html字符串创建jQuery节点

jq插入节点

  • $(A).append(B)表示将B追加到A中
  • appendTo(B)表示把A追加到B中
  • prepend(B)表示将B前置插入到A中
  • prepend(B)表示将A前置插入到B中
  • $(A).insertAfter(B) 表示将A插入到B之后
  • $(A).before(B)表示将B插到A之前 与A同辈
  • $(A).insertBefore(B) 表示将A插到B的前面 同辈