索鸟网

  1. 首页
  2. jQuery基础——DOM篇(节点的创建、插入、删除与替换,遍历节点)

jQuery基础——DOM篇(节点的创建、插入、删除与替换,遍历节点)


第一章 DOM创建节点及节点属性
创建流程比较简单,大体如下:

1、创建节点(常见的:元素、属性和文本)
2、添加节点的一些属性
3、加入到文档中

流程中涉及的一点方法:

创建元素:document.createElement
设置属性:setAttribute
添加文本:innerHTML
加入文档:appendChild

第二章 jQuery节点创建与属性的处理

$("<div ><div >动态创建DIV元素节点</div></div>")

第三章 DOM节点的插入
DOM内部插入append()appendTo()
DOM外部插入after()before()
DOM内部插入prepend()prependTo()
DOM外部插入insertAfter()insertBefore()
图片描述

图片描述

相关标签: JQuery

来源地址:http://www.imooc.com/article/19254 版权归作者所有!

相关教程

  • jQuery DOM节点的创建、插入、删除

    DOM节点的创建 DOM创建节点及节点属性 首先,介绍如何使用JavaScript创建div节点元素,主要包括创建div节点元素的属性和创建div节点元素的样式两大部分内容 创建流程: 创建节点(常见的:元素、属性和文本) 添加节点的一些属性 加入到文档中 涉及方法: 创建元素:document.createElement 设置属性:setAttr
  • JavaScript DOM 6 - 节点的创建,插入,替换,删除

    1: 节点的创建新建一个新节点的方式主要有三种:1: createElement() document.createElement(tagName); //返回一个HTMLElement类型的节点,参数为字符串类型的标签名字 var p = document.createElement("p"); //<p></p> 2: cr
  • jQuery DOM节点的遍历

    children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法。这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 节点查找关系 <div class="div"> <u
  • jQuery DOM节点的复制、替换

    拷贝clone() 克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆 .clone()方法深度复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用
  • jQuery修炼心得-DOM节点的插入

    1. 内部插入append()与appendTo() append:这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似。 appendTo:实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。 append()和appendTo()两种方法功能相同,主要的不同是语法——内容
  • jquery Dom 节点集合

    remove与empty一样,都是移除元素的方法,但是remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。 一样 $("p").filter(":contains("3")").remove() $("p").remove(":contains("
  • 插入节点appendChild()

    需要四个步奏 var otest = document.getElementById("test"); //获取父元素 var newnode=document.createElement("li");//创建子标签名 newnode.innerHTML="PHP";//更改标签内容 otest.appendC
  • jquery的知识必记点——程序员飞升上神历劫中!(dom篇)

    jquery——dom篇 1.创建节点和节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 流程中涉及的一点方法: 创建元素:document.creat