在 jQuery Mobile 中,input 元素的隱藏有多種方式。常見(jiàn)的有以下兩種。
1. 設(shè)置 input 的類(lèi)型為 hidden
<input type="hidden" id="input-hide">
使用該方式,可以通過(guò)在 JavaScript 中獲取 input 元素來(lái)操作其值。例如:
var myInput = $("#input-hide"); myInput.val("hello world");
注意:該方式的缺點(diǎn)是不易于調(diào)試。
2. 使用 class="ui-hidden-accessible" 屬性
<input class="ui-hidden-accessible" id="input-hide2">
使用該方式,可以在頁(yè)面中隱藏 input 元素。同時(shí),使用這個(gè) class 屬性時(shí),jQuery Mobile 會(huì)將元素移到頁(yè)面的可見(jiàn)區(qū)域之外,而不是隱藏元素。
同樣,也可以通過(guò) JavaScript 獲取元素來(lái)操作其值。例如:
var myInput = $("#input-hide2"); myInput.val("hello world");
該方式的優(yōu)點(diǎn)是易于調(diào)試,但缺點(diǎn)是有一定的性能損耗。
上一篇html5 灰色代碼
下一篇html5 濾鏡代碼