jquery文檔操作wrap()方法實(shí)例簡(jiǎn)述
本文實(shí)例講述了jquery文檔操作wrap()方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
wrap()方法:是指用某個(gè)標(biāo)簽將某個(gè)元素包起來,即在外面多加一層標(biāo)簽。
<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標(biāo)簽外,多加一個(gè)div層
$("div").css("color","blue");
});
});
</script>
</head>
<body>
<p>hello world<br />i love you!<br />hhaha ,goodmorning</p>
<button>wrap()方法</button>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- 詳解jQuery中的事件
- 基于jQuery的select下拉框選擇觸發(fā)事件實(shí)例分析
- jQuery綁定事件的四種方式介紹
- 淺談jquery之on()綁定事件和off()解除綁定事件
- jquery移除了live()、die(),新版事件綁定on()、off()的方法
- Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
- jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
- jQuery EasyUI API 中文文檔 - Tree樹使用介紹
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- 詳解Jquery的事件操作和文檔操作
相關(guān)文章
jQuery插件實(shí)現(xiàn)表格隔行變色及鼠標(biāo)滑過高亮顯示效果代碼
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)表格隔行變色及鼠標(biāo)滑過高亮顯示效果代碼,涉及jQuery針對(duì)頁(yè)面元素動(dòng)態(tài)操作及響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-02-02自己使用jquery寫的一個(gè)無縫滾動(dòng)的插件
這篇文章主要介紹的是自己使用jquery寫的一個(gè)無縫滾動(dòng)的插件,個(gè)人感覺還不錯(cuò),需要的朋友可以參考下2014-04-04jquery之empty()與remove()區(qū)別說明
要用到移除指定元素的時(shí)候,發(fā)現(xiàn)empty()與remove([expr])都可以用來實(shí)現(xiàn)??勺屑?xì)觀察效果的話就可以發(fā)現(xiàn)。2010-09-09基于jQuery實(shí)現(xiàn)表單提交驗(yàn)證
本文給大家分享的是一段基于jQuery的實(shí)現(xiàn)簡(jiǎn)單的表單提交驗(yàn)證的代碼,非常簡(jiǎn)單實(shí)用,推薦給有相同需求的小伙伴們參考下。2014-11-11JQ圖片文件上傳之前預(yù)覽功能的簡(jiǎn)單實(shí)例(分享)
下面小編就為大家?guī)硪黄狫Q圖片文件上傳之前預(yù)覽功能的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11jqGrid表格底部匯總、合計(jì)行footerrow處理
這篇文章主要為大家詳細(xì)介紹了jqGrid表格底部匯總、合計(jì)行footerrow處理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-08-08Html5的placeholder屬性(IE兼容)實(shí)現(xiàn)代碼
Placeholder是HTML5新增的另一個(gè)屬性,當(dāng)input或者textarea設(shè)置了該屬性后,該值的內(nèi)容將作為灰字提示顯示在文本框中,當(dāng)文本框獲得焦點(diǎn)時(shí),提示文字消失。以前要實(shí)現(xiàn)這效果都是用JavaScript來控制才能實(shí)現(xiàn) , firefox、google chrome等表示對(duì)其支持 , 唯獨(dú)IE不支持2014-08-08