jQuery节点操作

来源:互联网 发布:中国碳排放量数据2017 编辑:程序博客网 时间:2024/06/07 23:49
  1. 动态创建元素(创建出来的元素是一个jQuery对象)
1、$(“完整的标签”):动态创建元素(类比js中的document.creatElement(),只不过这个方式里面放的是完整的标签)
    例如:创建一个li标签
       $(“<li></li>”) ;
2、$(“”).html(“完整的标签”)
  1. 添加元素
  1. append():在盒子中元素的最后一个子元素后面追加元素,类似于js中的appendChild()
  1. 作用:在被选元素内部的最后一个子元素(或内容)后面插入内容(存在/创建出来的元素都可以)
  2. 如果是页面中存在的元素,那么调用append()猴会把这个元素放到相应的目标元素里面去;但原来的这个元素就不存在了
  3. 如果是给定多个目标追加元素,那么方法的内部会复制多份这个元素,然后追加到多个目标里面去
  4. 常用参数:htmlString或jQuery对象
  1. appendTo()
  1. 作用:同append(),区别是把$(selector)追加到node中去
$(selector).appendTo(node)
  1. prepend()
(1)作用:在元素的第一个子元素前面追加内容/节点
  1. after()
  1. 作用:在被选元素之后,作为兄弟元素插入内容/节点
  1. before()
(1)作用:在被选元素之前,作为兄弟元素插入内容/节点
  1. 清空元素
  1. 清空指定元素的所有子元素(没有参数,也就是说放的是空字符串)
(1).html(“”)  
(2).empty(“”)   
  1. 自杀:把自己(包括所有内部元素)从文档中删除掉
(1).remove()
  1. 复制匹配的元素:复制所有匹配到的元素,返回值为复制的新元素
1、clone():默认没有参数
  1. html创建元素(推荐使用)
  1. 作用:设置返回所选元素的html内容(包括HTML标记)
  2. 设置内容的时候,如果是html标记就会动态创建元素,此时作用跟js里的innerHTML属性相同
  3. 动态创建元素(有参):.html(“”)
获取html内容(无参):.html()
原创粉丝点击