jquery移動節(jié)點(diǎn)實(shí)例
更新時間：2015年01月14日 14:52:40 投稿：shichen2014
這篇文章主要介紹了jquery移動節(jié)點(diǎn)的實(shí)現(xiàn)方法,主要涉及append()方法的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jquery移動節(jié)點(diǎn)的實(shí)現(xiàn)方法，分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
方法很方便簡單，使用 append()方法即可。代碼如下：
復(fù)制代碼 代碼如下:
<html>
<head>
<title>jquery移動節(jié)點(diǎn)</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$("div").append($("p"));
});
});
</script>
<style type="text/css">
h5{color:blue;}
div{width:300px;height:60px;border:solid 1px green;}
div p{color:red;}
</style>
</head>
<body>
<h5>jquery移動節(jié)點(diǎn)</h5>
<button>點(diǎn)我</button>
<div>哈哈哈哈哈哈，太搞笑了</div>
<p>你太幽默了</p>
</body>
</html>
<head>
<title>jquery移動節(jié)點(diǎn)</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$("div").append($("p"));
});
});
</script>
<style type="text/css">
h5{color:blue;}
div{width:300px;height:60px;border:solid 1px green;}
div p{color:red;}
</style>
</head>
<body>
<h5>jquery移動節(jié)點(diǎn)</h5>
<button>點(diǎn)我</button>
<div>哈哈哈哈哈哈，太搞笑了</div>
<p>你太幽默了</p>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- Jquery對新插入的節(jié)點(diǎn) 綁定Click事件失效的解決方法
- JQuery插入DOM節(jié)點(diǎn)的方法
- jQuery DOM插入節(jié)點(diǎn)操作指南
- jQuery:節(jié)點(diǎn)(插入,復(fù)制,替換,刪除)操作
- 移動節(jié)點(diǎn)的jquery代碼
- jQuery移動和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
- jQuery刪除節(jié)點(diǎn)用法示例(remove方法)
- jQuery復(fù)制節(jié)點(diǎn)用法示例(clone方法)
- jQuery替換節(jié)點(diǎn)用法示例(使用replaceWith方法)
- jQuery遍歷節(jié)點(diǎn)樹方法分析
- jQuery插入節(jié)點(diǎn)和移動節(jié)點(diǎn)用法示例(insertAfter、insertBefore方法)
相關(guān)文章
jquery實(shí)現(xiàn)marquee效果(文字或者圖片的水平垂直滾動)
原本在前端html代碼中，實(shí)現(xiàn)文字或者圖片的水平垂直滾動，都是使用的marquee，但隨著考慮瀏覽器的兼容性和符合為w3c的標(biāo)準(zhǔn)，接下來介紹使用Jquery實(shí)現(xiàn)網(wǎng)頁marquee效果,感興趣的朋友可以了解下哦2013-01-01
上篇文章我們介紹了使用原生的javascript實(shí)現(xiàn)了圖片瀑布流效果，本文我們來用jQuery來實(shí)現(xiàn)同樣的效果。2014-12-12
jQuery實(shí)現(xiàn)彈出窗口中切換登錄與注冊表單
本文給大家推薦的是一款jQuery實(shí)現(xiàn)彈出窗口中切換登錄與注冊表單的特效。適用瀏覽器：IE8+、FireFox、Chrome、Safari、Opera。十分的方便實(shí)用，有需要的小伙伴可以參考下。2015-06-06
基于jquery的二級聯(lián)動菜單實(shí)現(xiàn)代碼
基于jquery的二級聯(lián)動菜單實(shí)現(xiàn)代碼，腳本之家簡單整理了幾種。需要的朋友可以參考下，主要是思路2011-04-04
這篇文章主要介紹了通過jquery實(shí)現(xiàn)圖片按比例縮放,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了IDEA配置jQuery, $符號不再顯示黃色波浪線的問題，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-10-10
本篇文章主要是對Cookie中的Path與domain進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
本文主要介紹jQuery 3中一些新增的特性和一些變更的特性，以及一些廢棄刪除的特性，另外介紹了jQuery 3.0 最大的變化就是徹底放棄對 IE8 的支持，大家可以先看一下。2016-04-04
這篇文章主要介紹了jquery如何根據(jù)屬性和index來查找屬性值并操作,需要的朋友可以參考下2014-07-07
jQuery一步一步實(shí)現(xiàn)跨瀏覽器的可編輯表格，支持IE、Firefox、Safari、Chrome、Opera
在修改數(shù)據(jù)時，有時候?yàn)榱朔奖?，我們希望能夠直接在表格里面對?shù)據(jù)進(jìn)行直接修改。2009-08-08