DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery文檔操作wrap()方法實例教程簡述
jquery文檔操作wrap()方法實例教程簡述
編輯:JQuery特效代碼     

本文實例講述了jquery文檔操作wrap()方法。分享給大家供大家參考。具體實現方法如下:

wrap()方法:是指用某個標簽將某個元素包起來,即在外面多加一層標簽。
代碼如下:<html>
<head>
<title>jquery文檔操作:wrap()方法</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
 $(function(){
  $("button").click(function(){
   $("p").wrap("<div></div>");//在p標簽外,多加一個div層
   $("div").css("color","blue");
  });
 });
</script>
</head>
<body>
<p>hello world<br />i love you!<br />hhaha ,goodmorning</p>
<button>wrap()方法</button>
</body>
</html>

希望本文所述對大家的jQuery程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved