节点操作

1.节点查找

  • $('选择器')利用选择器选取节点，一定会得到一个jq节点对象的数组；
  • siblings(),prev(),prevAll(),next(),nextAll(),children(),parent(),parents()等方法，用来根据文档树，选取某一节点的同辈、后辈，父辈元素，得到的仍然是jq节点对象的数组；
  • eq(),lt(),gt()用来选取jq节点对象的数组中的项，结果仍为一个jq节点对象的数组；
  • 若使用 arr[下标] 获取jq节点对象的数组中的项，则得到的是js原生对象；

2.节点增加

  • 需要先创建节点，$('<p>aaaa</p>')可以直接创建节点，并且为节点输入内容；
  • 父节点.append(要插入的节点)：在父节点内部末尾插入节点
  • prepend()：在父节点的内部开始插入节点
  • before()：在某节点的前面插入节点
  • after()：在某节点的后面插入节点

3.节点删除

  • 节点.remove()：删除该节点；
  • 节点.empty()：清空节点内的所有内容；

节点属性操作

  • 节点的属性操作为attr()；设置样式属性时，通常用css();
  • 参数为一个字符串时，读取属性的值；
  • 参数为连个字符串时，设置某一个属性的值；
  • 参数为对象时，设置一个或多个属性的值；