jQuery操作DOM节点的相关方法

最新推荐文章于 2024-05-11 00:24:25 发布
最新推荐文章于 2024-05-11 00:24:25 发布
阅读量2.2k 收藏 2
点赞数
分类专栏： jQuery 文章标签： jquery web开发 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/owen_william/article/details/51339909
版权

1.在指定节点内插入新节点

   以下的内容都用于在打指定节点内添加新内容

1)        append(content):在jQuery对象包含的所有DOM节点内的尾部插入content所代表内容。

2)        append(function(index,html)):使用function(index,html)函数迭代处理jQuery所包含的每个节点，在每个节点的尾部依次插入function(index,html)函数的返回值。

3)        appendTo(selector):将当前jQuery对象包含的DOM元素添加到selecctor匹配的所有DOM的内部的尾部。

4)        prepend(content):在jQuery对象包含的所有DOM节点内的顶部插入content所代表的内容，其中content既可以是HTML字符串，也可以是DOM元素，还可以是jQuery对象。

5)        prepend(function(index,html)):使用function(index,html)函数迭代处理jQuery所包含的每个节点，在每个节点的顶部依次插入function(index,html)函数的返回值。

6)        prependTo(selector):将当前jQuery对象包含DOM元素添加到selector匹配的所的DOM有内部的顶端。

 下面是程序示范了这些方法的功能。

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 添加HTML节点 </title>
</head>
<body>
<div id="test1"></div>
<div id="test2" style="border:1px solid black;">id为test2的元素</div>
<script type="text/javascript" src="../jquery-1.8.0.js">
</script>
<script type="text/javascript">
	// 直接将一段HTML字符串添加到id为test1的元素的内部的尾端
	$("#test
最低0.47元/天 解锁文章
Owen William
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery DOM节点操作
weixin_44540247的博客
04-30 489
DOM节点的操作对于原生Js来说就是通过document.createElement()来创建元素，然后通过setAttribute()创建元素的属性和设置属性值。如果要添加一下内容则通过innerHTML()方法给元素添加内容。最后通过appendChild()将该元素添加到body里面或者添加到某个元素里面。 而jQuery对节点操作就不用这么客观、繁琐。jQuery可以直接通过一个appe...
jQueryDOM节点操作（一）
m0_50175138的博客
07-16 142
1.0 JavaScript中创建DOM节点 (1) DOM到含义： ①什么是DOM？ DOM是 W3C（万维网联盟）的标准。 DOM定义了访问 HTML 和 XML 文档的标准： “W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。” ②W3C DOM标准标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 ③D
用js操作dom节点的一些方法
最新发布
我的博客
05-11 602
在已有的子节点前插入一个新的子节点，也可以利用已知的子节点获取其父节点：existNode.parentNode.insertBefore(newNode,existNode);复制节点domNode。neborNode.previousElementSibling ：返回某个节点的上一个兄弟元素节点（不包括文本节点、注释节点）neborNode.previousSibling：返回某个节点的上一个兄弟节点（包括文本节点、注释节点）将某个子节点替换为另一个新节点，新节点可以是已存在的，也可以是新创建的。
jQuery关于DOM操作节点一些方法
weixin_46156304的博客
11-14 603
查找节点 jQuery 查找页面元素 - 并没有参考 DOM 中的 Node 对象，而是 Element 对象 text()方法 - 类似于 DOM 中的 textContent 属性 获取 - text() 设置 - text(textContent) textContent - 表示新的文本内容 attr()方法 获取 - attr(name) - 类似于 DOM 中的 getAttr(attrName) 设置 - attr(name,value) - 类似于 DOM 中的 setAttribu
jQuery中操作DOM节点的方法
MPFLY的博客
09-27 1454
jQuery.parent(expr) //找父元素jQuery.parents(expr) //找到所有祖先元素，不限于父元素jQuery.children(expr) //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙jQuery.contents() //查找下面的所有内容，包括节点和文本。jQuery.pre
遍历同辈节点的方法_JQuery遍历DOM节点的方法
weixin_36181191的博客
12-23 73
本文实例讲述了JQuery遍历DOM节点的方法。分享给大家供大家参考。具体分析如下：本节的核心是介绍JQuery的DOM操作，前面介绍了很多创建、删除、替换等等节点操作。这里介绍如何遍历节点，选中临近节点等的一些方法。children()方法该方法用于取得匹配元素的子元素集合。根据DOM树的结构，可以知道各个元素之间的关系以及它们子节点的个数。下面使用children()方法来获取匹配元素的所有子...
jquery的DOM节点操作(创建和插入元素节点)
qq_45308912的博客
11-24 1847
1.创建元素节点 2.插入节点 动态创建新元素节点后，需要执行插入或追加操作，否则不会在页面显示出来。 按照元素的层次关系来分，可以分为内部和外部两种方法 元素内部插入子节点 元素内部插入子节点有两种方式，推荐使用红框框的方式 元素外部插入子节点 元素内部插入子节点也有两种方式，推荐使用红框框的方式 ...
jquery中DOM节点操作（一）
bwf_erg的博客
12-09 297
jquery中节点操作主要包括创建节点，插入节点，删除节点，替换节点，复制节点以及包裹节点。 1.创建节点 创建元素节点 创建文本节点 创建属性节点 2.插入节点 append（） 向匹配元素的内部的后面追加内容 appendTo() 将匹配的元素添加到给定的元素内部后面,这种方法仅仅是颠倒了append()方法的顺序 prepend() 向匹配的元素的内部的前面追加
jQuery操作dom节点empty()方法
Andrew_Chenwq的博客
06-01 295
【代码】jQuery操作dom节点empty()方法。
jquery的DOM节点操作(复制元素节点)
qq_45308912的博客
11-24 2246
1.复制元素节点 在页面中，有时候需要复制某个元素节点，可以通过clone（）方法轻松实现这一功能。 语法格式如下： 在复制元素节点后，也要将复制的元素节点追加到某元素节点下，这样才会在相应的区域显示出来 复制元素节点案例如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/new_file
JQuery创建DOM节点的方法
01-19
本文实例讲述了JQuery创建DOM节点的方法。分享给大家供大家参考。具体分析如下： 用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点，然后可以用attr()方法来获取元素的各种属性的值。但真正的DOM...
jQuery中 DOM节点操作方法大全
11-28
append(content | fn)：向每个匹配的元素内部追加内容。...appendTo()：这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中 例如：把所有段落追加到ID值为foo的元素中。 <p>I wou
JQuery查找DOM节点的方法
12-29
本文实例讲述了JQuery查找DOM节点的方法。分享给大家供大家参考。具体分析如下： DOM操作是JQuery最常见的用法，下面我们来将JQuery的DOM操作逐个剖析下。先来最简单的查找节点操作。 为了能全面地讲解DOM操作，首先...
JQuery插入DOM节点的方法
10-24
主要介绍了JQuery插入DOM节点的方法,实例分析了jQuery实现DOM结点插入所涉及的常见函数使用技巧,需要的朋友可以参考下
有关jquery与DOM节点操作方法和属性记录
11-26
总结一下，jQuery与DOM节点操作相关的知识主要包括：如何使用jQuery的方法进行元素的添加、插入、删除和替换，以及DOM API中的基本节点操作方法如`appendChild()`, `insertBefore()`, `replaceChild()`和`...
jQuery数据存储的相关方法
owen_william的博客
05-07 6231
1.前言 jQuery允许把jQuery对象当作一个临时的“数据存储中心“，开发者能以key-value对的形式将数据存储到jQuery对象里，并林jQuery对象里取出之前存储的数据，也可以删除之前存储的数据。存入jQuery对象里的数据既可以是基本类型值，也可以是数组、JavaScript对象等。jQuery对象支持的数据存储相关方法如下： 1)        data(name,valu
jQuery操作动画队列
owen_william的博客
05-07 4012
1.前言 当在jQuery对象上调用动画方法时，如果对象正在执行某个动画效果，那么新调用的动画方法就会被添加到动画队列中，jQuery会按顺序依次执行动画队列的每个动画。 jQuery提供了以下几种方法来操作动画队列。 1)        stop([clearQuery],[gotoEnd]):停止当前jQuery对象里每个DOM元素上正在执行的动画。 2)        queue([
jQuery操作元素内容的相关方法
owen_william的博客
05-07 2285
1.前言 jQuery还提供了以下几个方法来访问或设置DOM元素的内容，包含访问或设置这些DOM元素的innerHTML属性、文本内容和value属性。   1)        html():返回jQuery对象包含的第一个匹配DOM元素的HTML内容。 2)        html(val):设置jQuery对象包含的所有DOM元素的HTML内容。 3)        text():返
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值