创建节点

创建元素节点

创建元素节点并且把节点作为<ul>元素的子节点添加到DOM节点树上。先创建元素点，创建元素节点使用Jquery的工厂函数$()来完成，格式如下：$(html),该方法会根据传入的html字符串返回一个DOM对象，并将DOM对象包装成一个JQuery对象后返回。创建一个元素节点JQuery代码如下：$li1=$("<li></li>")
代码返回$li1就是一个由DOM对象包装成的JQuery对象。把新建节点添加到DOM树中JQuery代码如下：$("ul").append($li1);
添加后页面中只能看到<li>元素默认的"·",由于没有为节点添加文本所以只显示默认符号，下面创建文本节点。

创建文本节点

使用JQuery的$()同样能够创建文本节点，创建文本节点的JQuery代码如下：$li2=$("<li>菠萝</li>");
代码返回$li2就是一个由DOM对象包装成JQuery对象，把新建的文本节点添加到DOM树中JQuery代码如下：$("ul").append($li2);

创建属性节点

$li3=$("<li title='菠萝'>菠萝</li>");　代码返回$li3也是一个由DOM对象包装成JQuery对象，把新建的属性节点添加到DOM树中JQuery代码如下：$("ul").append($li3);

案例代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>DOM创建节点</title><script src="../js/jquery-3.1.1.js"></script><script>$(function(){//$(html):这个HTML代码我可以一次性创建元素节点，属性节点，文本节点//创建一个li元素西瓜$("#btn1").click(function(){//返回值是对应的jquery对象//1.创建了一个li元素西瓜var $li=$("<li>西瓜</li>");//2.把创建好的元素节点添加到ul中$("ul").append($li);//创建一个li元素节点菠萝，并设置title属性值为菠萝var $li1=$("<li title='菠萝'>菠萝</li>");$("ul").append($li1);})})</script>
</head>
<body><h3>DOM树</h3><p title="水果">你喜欢的水果是？</p><ul><li title="苹果">苹果</li><li title="桔子">桔子</li><li title="香蕉">香蕉</li></ul><button id="btn1">创建元素节点</button>
</body>
</html>

JQueryDOM之创建节点相关推荐

Javascript创建节点
在Javascript中,可以创建各种类型的节点. 下面列出常用的创建节点的方法: 方法说明 createElement() 创建一个元素节点 createTextNode() 创建一个文本节点 c ...
可覆写的函数与创建节点
以下所描述的这些可覆写的函数,能够应用于节点: GDScript func _enter_tree():# When the node enters the _Scene Tree_, it be ...
linux 杂项设备,Linux下自动创建节点的字符杂项设备 misc_register
Linux下自动创建节点的字符杂项设备 misc_register admin • 2020 年 01 月 07 日杂项设备 Linux里面的misc杂项设备是主设备号为10的驱动设备定义头文件: ...
Zookeeper命令行操作(常用命令；客户端连接；查看znode路径；创建节点；获取znode数据，查看节点内容，设置节点内容，删除节点；监听znode事件；telnet连接zookeeper)
8.1.常用命令启动ZK服务 bin/zkServer.sh start 查看ZK服务状态 bin/zkServer.sh status 停止ZK服务 bin/zkServer.sh stop 重启 ...
高级指引——手动创建节点分组 Group
title: 手动创建节点分组 Group order: 8 节点分组在默认情况下是根据数据自动渲染的,当数据中存在 groups 时根据 groups 字段渲染分组,当不存在 groups 时,则根 ...
DOM——创建节点及节点属性与内部插入append()和appendTo()
创建节点及节点属性与内部插入append()和appendTo() 1 创建流程创建节点(常见的元素.属性和文本) 添加节点的一些属性加入到文档中 2 流程中涉及的方法创建元素docum ...
dubbo源码解析-zookeeper创建节点
前言在之前dubbo源码解析-本地暴露中的前言部分提到了两道高频的面试题,其中一道dubbo中zookeeper做注册中心,如果注册中心集群都挂掉,那发布者和订阅者还能通信吗?在上周的dubbo源码 ...
jquery中的创建节点和添加节点的方法
今天来说一下针对jquary关于创建节点和添加节点的方法,先来看看创建节点: 1.直接添加节点内容即可 $("div").append('<a href="http ...
实战weblogic集群之创建节点和集群
一.启动weblogic,访问控制台 weblogic的domain创建完成后,接下来就可以启动它,步骤如下: $ cd /app/sinova/domains/base_domain/bin $ . ...

JQueryDOM之创建节点

创建节点

创建元素节点

创建文本节点

创建属性节点

案例代码：

JQueryDOM之创建节点相关推荐

最新文章

热门文章