文档章节

jquery中DOM节点操作(一)

博为峰教研组
 博为峰教研组
发布于 2016/12/09 10:03
字数 295
阅读 5
收藏 0

jquery中节点操作主要包括创建节点插入节点,删除节点,替换节点,复制节点以及包裹节点。

1.创建节点

创建元素节点

创建文本节点

创建属性节点

2.插入节点

append()

向匹配元素的内部的后面追加内容

appendTo()

将匹配的元素添加到给定的元素内部后面,这种方法仅仅是颠倒了append()方法的顺序

prepend()

向匹配的元素的内部的前面追加指定的元素

prependTo()

将匹配的元素添加到指定的元素内部的前面,这种方法也就是颠倒了prepend()方法.

after()

向匹配的元素后面添加元素,新添加的元素做为匹配元素后一个兄弟元素

insertAfter()

将匹配的元素插入到指定的内容的后面去,其实就是after()的一个颠倒.

before()

在匹配的元素的前面增加指定的元素,做为匹配元素的前一个兄弟节点

insertBefore()

将匹配的元素插入到指定元素的前面,也是before()方法的一个颠倒

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
jQuery零基础入门——(五)操作DOM

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 jQuery强大的选择器,最终目的是...

JandenMa
07/14
0
0
jQuery零基础入门——(六)修改DOM结构

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 在《零基础入门JavaScript》的时...

JandenMa
07/20
0
0
Python全栈 Web(jQuery 一条龙服务)

jQuery 1.jQuery介绍 jQuery是一个轻量级的JS库 - 是一个被封装好的JS文件,提供了更为简便的元素操作方式 核心理念:Write Less Do More jQuery版本: jQuery 2.x 不再支持IE6.7.8 jQuery 1.11...

巴黎香榭
09/17
0
0
jQuery中attr()和prop()方法的一些区别理解

昨天在开发的时候同事帮忙写了一小段JS代码,取数据的时候用到了以前都没用过的的这种形式,后来看了手册才知道在HTML5中可以对元素进行自定义属性。格式类似于,然后可以用JQ中的方法进行存取...

一个向往前端的后端工程师
08/27
0
0
jQuery对象与DOM对象的相互转换

下面介绍jquery对象和DOM对象的相互转换: 在使用jquery框架进行处理时,当我们使用$(expression)方法时,如:获取id="jquery_a"的div元素对象时,实际上获取到的值不是DOM对象,而是jquery对...

Sandy_wu
2013/03/27
0
1

没有更多内容

加载失败,请刷新页面

加载更多

Linux学习-1031(rsync同步工具 上)

10.28 rsync工具介绍 10.29/10.30 rsync常用选项 10.31 rsync通过ssh同步 一、 rsync工具介绍 rsync是一个同步工具,在日常的运维中常会用到。它可以本地同步,也实现可以远程两台机器同步。...

wxy丶
15分钟前
1
0
python实战一期:第一天

1. 为什么学习python 1.1 为什么要学Python? Python第一是个非常牛B的脚本语言,能满足绝大部分自动化运维的需求,又能做后端C/S架构,又能用WEB框架快速开发出高大上的Web界面,只有当你自...

laoba
17分钟前
2
0
Java并发编程学习三:线程同步的关键字以及理解

上篇文章中介绍了Java线程的带来的问题与内存模型中介绍了线程可能会引发的问题以及对应Java的内存模型,顺带介绍了Volatile和Sychronized关键字。今天对Java中涉及到的常见的关键类和关键字...

JerryLin123
24分钟前
0
0
我用代码来给你们分析一个赚钱的技巧

赚钱是个俗气的话题,但又是人人都绕不开的事情。我今天来“科学”地触碰下这个话题。 谈赚钱,就会谈到理财、投资,谈到炒股。有这样一个笑话: 问:如何成为百万富翁? 答:带一千万进入股...

crossin
24分钟前
1
0
spring MatchingBean应用

1、编写接口FactoryList import java.util.List;public interface FactoryList<E extends MatchingBean<K>, K> extends List<E> { E getBean(K factor); List<E> getBeanLi......

重城重楼
37分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部