jQuery简单创建节点的方法
更新时间：2016年09月09日 08:50:39 作者：onestopweb
这篇文章主要介绍了jQuery简单创建节点的方法,涉及jQuery获取节点及append添加元素创建节点的相关技巧,需要的朋友可以参考下
本文实例讲述了jQuery简单创建节点的方法。分享给大家供大家参考，具体如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
var $li_1 = $("<li title='香蕉'>香蕉</li>"); //创建一个<li>元素
//包括元素节点,文本节点和属性节点
//其中title='香蕉' 就是创建的属性节点
var $li_2 = $("<li title='雪梨'>雪梨</li>"); //创建一个<li>元素
//包括元素节点,文本节点和属性节点
//其中title='雪梨' 就是创建的属性节点
var $parent = $("ul"); // 获取<ul>节点。<li>的父节点
$parent.append($li_1); // 添加到<ul>节点中，使之能在网页中显示
$parent.append($li_2); // 等价于：$parent.append($li_1).append($li_2);
});
//]]>
</script>
</head>
<body>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li title='苹果'>苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
</body>
</html>
效果图如下：
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作DOM节点方法总结》、《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
fadeOut() 方法逐渐改变被选元素的不透明度，从可见到隐藏（褪色效果）。这篇文章给大家介绍jquery fadeout异步实例代码，感兴趣的朋友一起看下吧2016-08-08
语法着色大家对它都不陌生吧，下面为大家介绍的是jquery-syntax动态语法着色的具体实现,需要的朋友可以参考下2014-05-05
这篇文章主要为大家详细介绍了jquery插件实现图片悬浮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要介绍了jquery实现通用的内容渐显Tab选项卡效果,涉及jquery通过时间函数定时触发页面元素样式变换的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
众所周知文件上传是Web开发中的重要话题，最直接和简单的方式是通过表单直接提交文件。 下面这篇文章小编就来和大家分享jQuery利用FormData实现文件上传的方法，文中介绍的方法简单易懂，相信对大家的理解和学习很有帮助，有需要的朋友们下面来一起学习学习吧。2016-11-11
一直以来都认为新版本中 data 是调用 dataset 实现的，对于低版本IE则采用 getAttribute其实一直是我误解了，也不知道最初这个想法是怎么来的2014-06-06
这篇文章主要介绍了jQuery实现自动切换播放的经典滑动门效果,可实现tab自动定时切换的功能,涉及jQuery基于定时函数动态操作页面元素的相关技巧,需要的朋友可以参考下2015-09-09
下面小编就为大家分享一篇基于input动态模糊查询的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
利用选择器，选择要被操作的html中的元素。2010-02-02
jQuery Validation PlugIn的使用方法详解
这篇文章主要介绍了jQuery Validation PlugIn的使用方法，需要的朋友可以参考下2015-12-12
最新评论