JQuery DOM操作

##DOM操作
1.内容操作 ()

       括号内输入值代表修改其内容   括号内输入值代表修改其内容

  1.html():获取/设置元素的标签体的内容 即内容 ->内容
  2.text():获取/设置元素的标签体纯文本内容 即内容 ->内容
  3.val():获取/设置元素的value属性值
2.属性操作
  1.通用属性操作 ()内一个代表取值 两个代表设置
    1.attr():获取/设置元素的属性
    2.removeAttr():删除元素的属性
    3.prop():获取/设置元素的属性
    4.removeProp():删除元素的属性
    5 区别:
      操作的是元素的固有属性则 建议使用prop
      自定义属性 建议 attr
  2.对class属性操作
    1.addClass():添加class属性值
    2.removeClass():删除class属性值
    3.toggleClass():替换class属性值 没有会添加
3.CRUD操作 作用:* 调整元素顺序 给元素添加子元素
  1.append():父元素将子元素追加到末尾
    * 对象1.append(对象2) :将对象2添加到对象1内部 并且在末尾
  2.prepend():父元素将子元素追加到末尾
    * 对象1.prepend(对象2) :将对象2添加到对象1内部 并且在开头

    可以为标签添加新的内容   

      比如:可以在标签下 添加

    标签
      3.appendTo():父元素将子元素追加到末尾
        * 对象1.appendTo(对象2) :将对象1添加到对象2内部 并且在末尾
      4.prependTo():父元素将子元素追加到末尾
        * 对象1.prependTo(对象2) :将对象1添加到对象2内部 并且在开头
      5.after():添加元素到元素后边
        * 对象1.after(对象2) :将对象1添加到对象2后边 兄弟关系
      6.before():父元素将子元素追加到末尾
        * 对象1.prepend(对象2) :将对象1添加到对象2前边 兄弟关系

          比如:可以在

      标签前后 添加
        标签
          7.insertAfter():添加元素到元素后边
            * 对象1.after(对象2) :将对象2添加到对象1后边 兄弟关系
          8.insertBefore():父元素将子元素追加到末尾
            * 对象1.prepend(对象2) :将对象2添加到对象1前边 兄弟关系
            9.remove():删除对象

          10.empty():清空元素的所有后代元素 保留当前对象以及属性节点

你可能感兴趣的:(JQuery DOM操作)