Rumah > hujung hadapan web > tutorial js > contoh nod mudah alih jquery

contoh nod mudah alih jquery

PHPz
Lepaskan: 2018-09-29 17:05:21
ke hadapan
1493 orang telah melayarinya

Artikel ini terutamanya memperkenalkan kaedah pelaksanaan nod mudah alih jquery, terutamanya yang melibatkan kemahiran penggunaan kaedah append() Rakan yang memerlukan boleh merujuknya Kaedah pelaksanaan khusus adalah seperti berikut:

The kaedah adalah sangat mudah dan mudah untuk digunakan Kaedah append() adalah mencukupi. Kodnya adalah seperti berikut:

<html>
<head>
<title>jquery移动节点</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(){
   $("p").append($("p"));
  });
 });
</script>
<style type="text/css">
h5{color:blue;}
p{width:300px;height:60px;border:solid 1px green;}
p p{color:red;}
</style>
</head>
<body>
<h5>jquery移动节点</h5>
<button>点我</button>
<p>哈哈哈哈哈哈,太搞笑了</p>
<p>你太幽默了</p>
</body>
</html>
Salin selepas log masuk

Di atas adalah keseluruhan kandungan bab ini untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video jQuery!

Label berkaitan:
sumber:jb51.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan