jQuery中removeProp()方法用法實例
本文實例講述了jQuery中removeProp()方法用法。分享給大家供大家參考。具體分析如下:
此方法可以刪除由prop()方法設(shè)置的屬性。
語法:
參數(shù)列表:
實例:
實例一:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://chabaoo.cn/" />
<head>
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("td").prop({width:"200",height:"300"});
$("button").click(function(){
$("td").removeProp("width");
})
})
</script>
</head>
<body>
<table border="1">
<tr>
<td>歡迎來到腳本之家</td>
</tr>
</table>
<button>刪除屬性</button>
</body>
</html>
以上代碼可以刪除td的width屬性。
實例二:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://chabaoo.cn/" />
<head>
<title>腳本之家</title>
<style type="text/css">
td
{
width:200px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("td").prop({height:"300"});
$("button").click(function(){
$("td").removeProp("width");
})
})
</script>
</head>
<body>
<table border="1">
<tr>
<td>歡迎來到腳本之家</td>
</tr>
</table>
<button>刪除屬性</button>
</body>
</html>
以上代碼并沒有刪除td的width屬性,這是因為removeProp()只能刪除由prop()方法設(shè)置的屬性。
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
Jquery下的26個實用小技巧(jQuery tips, tricks & solutions)
前段時間發(fā)布了Jquery類庫1.4版本,使用者也越來越多,為了方便大家對Jquery的使用,下面列出了一些Jquery使用技巧。2010-03-03jquery實現(xiàn)的超出屏幕時把固定層變?yōu)槎ㄎ粚拥拇a
相信很多人都上過taobao吧,在taobao的產(chǎn)品列表頁有一個浮動的用來排序的浮動層,當(dāng)你拖動滾動條而導(dǎo)致那個排序欄看不到的時候它會自動變?yōu)楦訉樱恢惫潭ㄔ谀抢铩?/div> 2010-02-02一些主流JS框架中DOMReady事件的實現(xiàn)小結(jié)
在實際應(yīng)用中,我們經(jīng)常會遇到這樣的場景,當(dāng)頁面加載完成后去做一些事情:綁定事件、DOM操作某些結(jié)點等。2011-02-02利用jQuery操作對象數(shù)組的實現(xiàn)代碼
利用jQuery操作對象數(shù)組的實現(xiàn)代碼,需要的朋友可以參考下。2011-04-04詳解easyui基于 layui.laydate日期擴展組件
這篇文章主要介紹了詳解easyui基于 layui.laydate日期擴展組件,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07jQuery實現(xiàn)鼠標(biāo)懸停背景翻轉(zhuǎn)的黑色導(dǎo)航菜單代碼
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)懸停背景翻轉(zhuǎn)的黑色導(dǎo)航菜單代碼,涉及jQuery鼠標(biāo)事件結(jié)合animate動畫實現(xiàn)背景翻轉(zhuǎn)效果的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09jQuery實現(xiàn)的checkbox級聯(lián)選擇下拉菜單效果示例
這篇文章主要介紹了jQuery實現(xiàn)的checkbox級聯(lián)選擇下拉菜單效果,涉及jQuery鼠標(biāo)事件響應(yīng)及表格table動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-12-12最新評論