jQuery包裹節(jié)點用法完整示例
本文實例講述了jQuery包裹節(jié)點用法。分享給大家供大家參考,具體如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="jquery-1.7.2.min.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ $(function(){ $("strong").wrap("<b></b>");//用<b>元素把<strong>元素包裹起來 //$("strong").wrapAll("<b></b>"); //$("strong").wrapInner("<b></b>"); }); //]]> </script> </head> <body> <strong title="選擇你最喜歡的水果." >你最喜歡的水果是?</strong> <strong title="選擇你最喜歡的水果." >你最喜歡的水果是?</strong> <strong title="選擇你最喜歡的水果." >你最喜歡的水果是?</strong> <ul> <li title='蘋果'>蘋果</li> <li title='橘子'>橘子</li> <li title='菠蘿'>菠蘿</li> </ul> </body> </html>
運行效果圖如下:
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery操作DOM節(jié)點方法總結》、《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
- JQuery包裹DOM節(jié)點的方法
- jQuery查找節(jié)點方法完整實例
- jQuery查找節(jié)點并獲取節(jié)點屬性的方法
- jQuery簡單創(chuàng)建節(jié)點的方法
- jQuery插入節(jié)點和移動節(jié)點用法示例(insertAfter、insertBefore方法)
- jQuery刪除節(jié)點用法示例(remove方法)
- jQuery復制節(jié)點用法示例(clone方法)
- jQuery替換節(jié)點用法示例(使用replaceWith方法)
- jQuery遍歷節(jié)點樹方法分析
- jquery獲取子節(jié)點和父節(jié)點的示例代碼
- jquery的父子兄弟節(jié)點查找示例代碼
- jQuery:節(jié)點(插入,復制,替換,刪除)操作
相關文章
jQuery實現(xiàn)異步獲取json數(shù)據(jù)的2種方式
這篇文章主要介紹了jQuery實現(xiàn)異步獲取json數(shù)據(jù)的2種方式,主要講述了$.getJSON方法與$.ajax方法,非常實用,需要的朋友可以參考下2014-08-08jQuery實現(xiàn)自定義checkbox和radio樣式
這篇文章主要介紹了jQuery實現(xiàn)自定義checkbox和radio樣式的相關資料,需要的朋友可以參考下2015-07-07jQuery實現(xiàn)表格隔行及滑動,點擊時變色的方法【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)表格隔行及滑動,點擊時變色的方法,可實現(xiàn)表格隔行變色以及鼠標滑過與點擊時變色的功能,涉及jQuery響應鼠標事件及頁面元素樣式動態(tài)改變的相關技巧,需要的朋友可以參考下2016-08-08