jQuery中操控hidden、disable等無值屬性的方法
更新時(shí)間：2014年01月06日 17:19:06 作者：
在實(shí)現(xiàn)一些表單提交頁(yè)面時(shí)會(huì)放置若干隱藏屬性，下面為大家介紹下jQuery中如何操控hidden、disable等無值屬性，感興趣的朋友不要錯(cuò)過
一般我們?cè)趯?shí)現(xiàn)一些表單提交頁(yè)面時(shí)會(huì)放置若干隱藏屬性
比如在修改某條記錄時(shí)，在編輯窗口會(huì)嵌入該記錄的id
在展示界面有時(shí)需要將input或select選框設(shè)為disable以避免用戶修改
下列代碼中的hidden在IE中不能正常作用
<input name = "role_name" id = "role_name" value="Roy" disabled>
<input name = "role_id" id = "role_id" hidden value="3312">
標(biāo)準(zhǔn)寫法應(yīng)當(dāng)有附加值
<input name = "role_name" id = "role_name" value="Roy" disabled = "disabled">
<input name = "role_id" id = "role_id" hidden = "hidden" value="3312">
有時(shí)我們又需要在當(dāng)前頁(yè)面編輯如上兩條，這時(shí)又應(yīng)當(dāng)如何操作呢
我們可以用
$("#role_name").removeAttr("disabled");
$("#role_id").removeAttr("hidden");
或者
$("#role_name").prop("disabled",false);
$("#role_id").prop("hidden",false);
其中$("#role_name").prop()會(huì)返回一個(gè)boolean值，確認(rèn)是否已開啟這項(xiàng)屬性prop()方法同時(shí)還能用在checked選項(xiàng)中用來控制選項(xiàng)是否選中
一般情況下prop()可生效于寫屬性名便能生效及使用boolean操控屬性狀態(tài)的屬性
比如在修改某條記錄時(shí)，在編輯窗口會(huì)嵌入該記錄的id
在展示界面有時(shí)需要將input或select選框設(shè)為disable以避免用戶修改
下列代碼中的hidden在IE中不能正常作用
復(fù)制代碼 代碼如下:
<input name = "role_name" id = "role_name" value="Roy" disabled>
<input name = "role_id" id = "role_id" hidden value="3312">
標(biāo)準(zhǔn)寫法應(yīng)當(dāng)有附加值
復(fù)制代碼 代碼如下:
<input name = "role_name" id = "role_name" value="Roy" disabled = "disabled">
<input name = "role_id" id = "role_id" hidden = "hidden" value="3312">
有時(shí)我們又需要在當(dāng)前頁(yè)面編輯如上兩條，這時(shí)又應(yīng)當(dāng)如何操作呢
我們可以用
復(fù)制代碼 代碼如下:
$("#role_name").removeAttr("disabled");
$("#role_id").removeAttr("hidden");
或者
復(fù)制代碼 代碼如下:
$("#role_name").prop("disabled",false);
$("#role_id").prop("hidden",false);
其中$("#role_name").prop()會(huì)返回一個(gè)boolean值，確認(rèn)是否已開啟這項(xiàng)屬性prop()方法同時(shí)還能用在checked選項(xiàng)中用來控制選項(xiàng)是否選中
一般情況下prop()可生效于寫屬性名便能生效及使用boolean操控屬性狀態(tài)的屬性
相關(guān)文章
jQuery實(shí)現(xiàn)form表單reset按鈕重置清空表單功能
有時(shí)候可能需要實(shí)現(xiàn)這樣的效果：使用ajax提交表單，成功提交表單之后清空表單,這種功能大家可能都希望實(shí)現(xiàn)吧，接下來為您詳細(xì)介紹，需要了解的朋友參考下2012-12-12
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實(shí)現(xiàn)拖動(dòng)基本操作
這篇文章主要幫大家輕松學(xué)習(xí)jQuery插件EasyUI，并利用EasyUI實(shí)現(xiàn)拖動(dòng)基本操作，文章并提供了一個(gè)學(xué)校課程表簡(jiǎn)單實(shí)例，感興趣的小伙伴們可以參考一下2015-11-11
使用jQuery的load方法設(shè)計(jì)動(dòng)態(tài)加載及解決被加載頁(yè)面js失效問題
這篇文章主要介紹了使用jQuery的load方法設(shè)計(jì)動(dòng)態(tài)加載及解決被加載頁(yè)面js失效問題,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法,涉及jQuery針對(duì)頁(yè)面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-09-09
jquery nth-child()選擇器的簡(jiǎn)單應(yīng)用
今天項(xiàng)目中遇到過一個(gè)這樣的問題，就是希望讀出來的文章列表能夠每隔五個(gè)加一個(gè)分割條，而不是每個(gè)都加。2010-07-07
jquery插件hiAlert實(shí)現(xiàn)網(wǎng)頁(yè)對(duì)話框美化
hiAlert是一款基于jQuery的信息提示插件，它支持操作成功、操作失敗和操作提醒三種信息提示方式。hiAlert瀏覽器兼容性非常好，支持更改提示內(nèi)容，支持定位提示框的位置，可配置插件參數(shù)。2015-05-05
20個(gè)非常棒的Jquery實(shí)用工具 國(guó)外文章
網(wǎng)站設(shè)計(jì)者往往會(huì)設(shè)計(jì)一些小的工具類（widgets）或者一些可復(fù)用的程序，從而使頁(yè)面更楚楚動(dòng)人，更吸引瀏覽者駐足。這里收集了20個(gè)常用Jquery工具類，這些小的工具可以幫助網(wǎng)站設(shè)計(jì)人員和站長(zhǎng)非常容易地創(chuàng)建漂亮的站點(diǎn)。2010-01-01
jquery 上下滾動(dòng)廣告實(shí)現(xiàn)代碼，大家可以自行測(cè)試，需要加載jquery類庫(kù)2009-06-06
跟著JQuery API學(xué)Jquery 之三 篩選
跟著JQuery API學(xué)Jquery 之三 篩選，相當(dāng)于條件判斷類型。2010-04-04
使用jQuery操作HTML的table表格的實(shí)例解析
這篇文章主要介紹了使用jQuery操作HTML的table表格的實(shí)例解析,包括用jQuery獲取表格總行數(shù)的小技巧,需要的朋友可以參考下2016-03-03