Home >Web Front-end >JS Tutorial >jquery mobile node instance

jquery mobile node instance

PHPz
PHPzforward
2016-05-16 16:20:041494browse

This article mainly introduces the implementation method of jquery mobile node, mainly involving the usage skills of the append() method. Friends in need can refer to it. The specific implementation method is as follows:

The method is very convenient and simple to use. The append() method is sufficient. The code is as follows:

<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>

The above is the entire content of this chapter. For more related tutorials, please visit jQuery Video Tutorial!

Statement:
This article is reproduced at:jb51.net. If there is any infringement, please contact admin@php.cn delete