jQuery:自学笔记(3)——操作DOM

jQuery:自学笔记(3)——操作DOM

修改元素的属性

  获取元素属性

    

  设置元素属性

    

修改元素的内容

  说明

    有三种方式可以获取HTML元素的内容,分别是
      ☐ text():设置或返回所选元素的文本内容。
      ☐ html():设置或返回所选元素的内容(包括html标记)。
      ☐ var():设置或返回表单字段的值。

  获取元素的内容

    

动态创建内容

  说明

    jQuery允许开发人员动态的为页面添加内容,类似于JavaScript中的CreateElement。
    jQuery创建元素使用的工厂函数$()实现:  

    $(html)

  实例

    

动态插入节点

    

动态删除节点

  说明

    jQuery提供了两种方式从DOM元素树上移除节点的方法:
    ☐ remove():用来删除指定的DOM元素,它会将节点从DOM元素树中移除,但是会返回一个指向DOM元素的引用,因此它并不是真正地将jQuery引用到的元素对象删除,而是通过这个引用继续来操作元素。
    ☐ empty():该方法也不会删除节点,只是清空节点的内容,DOM元素依然保持在DOM元素树中。

  实例

    

  

 
原文地址:https://www.cnblogs.com/MrSaver/p/6347906.html