快捷導(dǎo)航

jquery移動節(jié)點(diǎn)實例

更新時間：2015年01月14日 14:52:40 投稿：shichen2014

這篇文章主要介紹了jquery移動節(jié)點(diǎn)的實現(xiàn)方法,主要涉及append()方法的使用技巧,需要的朋友可以參考下

本文實例講述了jquery移動節(jié)點(diǎn)的實現(xiàn)方法，分享給大家供大家參考。具體實現(xiàn)方法如下：

方法很方便簡單，使用 append()方法即可。代碼如下：

<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è)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

淺談jQuery中的事件
本文給大家分享的是個人關(guān)于jQuery中事件的理解，主要向大家介紹了jQuery中事件的綁定，合成、以及事件冒泡、阻止事件等內(nèi)容，希望大家能夠喜歡。
2015-03-03
jQuery web 組件后臺日歷價格、庫存設(shè)置的代碼
這篇文章主要介紹了jQuery web 組件后臺日歷價格、庫存設(shè)置的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-10-10
淺談jQuery中事情的動態(tài)綁定
下面小編就為大家?guī)硪黄獪\談jQuery中事情的動態(tài)綁定。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
jquery表單提交帶錯誤信息提示效果
本篇文章主要介紹了jquery表單提交帶錯誤信息提示效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
jQuery實現(xiàn)兩個select控件的互移操作
本文主要介紹了利用jQuery實現(xiàn)兩個<select>控件的互移操作的方法代碼，具有很好的參考價值，需要的朋友一起來看下吧
2016-12-12
分享12個實用的jQuery代碼片段
這篇文章主要介紹了12個實用的jQuery代碼片段，本文給出了在新窗口打開鏈接、設(shè)置等高的列、jQuery預(yù)加載圖像、禁用鼠標(biāo)右鍵、設(shè)定計時器等實用代碼片段,需要的朋友可以參考下
2016-03-03
jquery html動態(tài)生成select標(biāo)簽出問題的解決方法
用jquery,json從后臺獲取一個列表，然后用一個動態(tài)生成的select標(biāo)簽顯示出來，結(jié)果出現(xiàn)錯誤，下面為大家分享個不錯的解決方法，喜歡的朋友可以參考下
2013-11-11
老生常談jquery中detach()和remove()的區(qū)別
下面小編就為大家?guī)硪黄仙Ｕ刯query中detach()和remove()的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
基于HTML+CSS，jQuery編寫的簡易計算器后續(xù)（添加了鍵盤監(jiān)聽）
這篇文章主要介紹了使用HTML+CSS，jQuery編寫的簡易計算器后續(xù)（添加了鍵盤監(jiān)聽）的相關(guān)資料,需要的朋友可以參考下
2016-01-01
jQuery實現(xiàn)簡單飛機(jī)大戰(zhàn)
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)簡單飛機(jī)大戰(zhàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07