1.每种方法详细介绍
2.实例
<html>
<head>
<title>jQuery中的DOM操作.插入节点</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function(){
//append方法
//var $obj=$("<b>我爱吃:</b>");
//$("ul li:eq(0)").append($obj);
//appendTo方法(与append方法对应)
//var $obj=$("<b>我爱吃:</b>");
//$($obj).appendTo("ul li:eq(0)");
//可直接简写如下:$("<b>我爱吃:</b>").appendTo("ul li:eq(0)");
//prepend方法
//var $obj=$("<b>我爱吃:</b>");
//$("ul li:eq(0)").prepend($obj);
//prependTo方法(与prepend方法对应)
//var $obj=$("<b>我爱吃:</b>");
//$($obj).prependTo("ul li:eq(0)");
//after方法
//var $obj=$("<b>我爱吃:</b>");
//$("ul li:eq(0)").after($obj);
//insertAfter方法
//var $obj=$("<b>我爱吃:</b>");
//$($obj).insertAfter("ul li:eq(0)");
//before方法
//var $obj=$("<b>我爱吃:</b>");
//$("ul li:eq(0)").before($obj);
//insertBefore方法
var $obj=$("<b>我爱吃:</b>");
$($obj).insertBefore("ul li:eq(0)");
});
</script>
</head>
<body>
<p title="Choose your favorite fruit.">What's your favorite fruit?</p>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Pineapple</li>
</ul>
</body>
</html>
分享到:
相关推荐
开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery....
jquery-1.4.4.min.js jquery.ztree.exhide.min.js jquery.ztree.exedit.min.js jquery.ztree.excheck.min.js jquery.ztree.core.min.js jquery.ztree.all.min.js jquery-1.4.4.js jquery.ztree.exhide.js jquery....
jquery.json-2.3.min.js和jquery.json-2.3.js jQuery为开发插件提拱了两个方法,分别是:jQuery.extend(object); 为扩展jQuery类本身 jQuery.fn.extend(object);给jQuery对象添加方法。
单页后退前进刷新 jquery.hash.min.js 和 jquery.ba-hashchange.min.js
从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc
jquery.treegrid.min.js jquery.treegrid.min.jsjquery.treegrid.min.jsjquery.treegrid.min.js
jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....
jquery.cookie.js,jquery-1.11.0.min.js,respond.min.js, bootstrap.min.js,html5shiv.js
jquery.slimscroll.min.js下载 jquery.slimscroll.min.js下载
jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....
jquery.tools.min.js 最新的1.2.7版本 jquery.min.js是压缩版的jquery库,是由完整版的jQuery库经过压缩得来,压缩后功能与未压缩的完全一样,只是将其中的空白字符、注释、空行等与逻辑无关的内容删除,并进行一些...
jquery.media.js
jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框...
jquery.autocomplete.js 、jquery.autocomplete.css
在官网上一直下载不下来 然后共享在这 jquery.json-2.3.min.js和jquery.json-2.3.js
jquery.pagination.js 下载,优秀的jquery分页插件,使用IP代理国外网站下载而来
jquery.marquee.js官方下载jquery.marquee.js官方下载
jquery.json2xml.js&&jquery.xml2json.js在jQuery的基础上实现json与xml的相互转换
jquery.pjax是基于jquery的单页面开发框架;jquery.pjax是基于jquery的单页面开发框架;
jquery.form.js jquery.form.js