Heim > Web-Frontend > js-Tutorial > JQuery-Mobile-Node-Instanz

JQuery-Mobile-Node-Instanz

PHPz
Freigeben: 2018-09-29 17:05:21
nach vorne
1499 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Implementierungsmethode von jquery Mobile Node vorgestellt, wobei hauptsächlich die Verwendungsfähigkeiten der append()-Methode berücksichtigt werden. Die spezifische Implementierungsmethode lautet wie folgt:

Die Die Methode append() ist sehr praktisch und einfach zu verwenden. Der Code lautet wie folgt:

<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>
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Kapitels. Weitere verwandte Tutorials finden Sie unter jQuery-Video-Tutorial!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage