我們來(lái)嘗試完成一個(gè)點(diǎn)擊某個(gè)按鈕出現(xiàn)一個(gè)隱藏圖層的代碼:
首先寫HTML,我們需要一個(gè)按鈕和一個(gè)隱藏的文字域:
- <button idbutton>
- <textarea id="textpad" style="display:none">textarea>
這里省略了CSS渲染的過(guò)程,我們來(lái)寫一段點(diǎn)擊按鈕打開(kāi)文字域的代碼,先不著急寫代碼,先想想我們要做什么,我們要做下面幾件事情:
等待文檔讀取完畢;
尋找到這個(gè)按鈕;
點(diǎn)擊它;
找到這個(gè)隱藏的文字域;
把它顯示出來(lái);
于是我們開(kāi)始寫程序,第一步等待文檔讀取完畢:
$(document).ready(function(){})
第二步尋找這個(gè)按鈕:
推薦閱讀
尼爾森:一季度全球互聯(lián)網(wǎng)廣告支出同比增12%
北京時(shí)間7月10日晚間消息,尼爾森的最新數(shù)據(jù)顯示,由于拉美和中東/非洲市場(chǎng)的強(qiáng)勁增長(zhǎng),第一季度全球互聯(lián)網(wǎng)廣告支出同比增長(zhǎng)了12%。 第一季度,全球市場(chǎng)廣告支出同比增長(zhǎng)3.1%。除雜志之外,其他每一種媒體渠道的廣告>>>詳細(xì)閱讀
本文標(biāo)題:<b>網(wǎng)站運(yùn)營(yíng):體驗(yàn)設(shè)計(jì)師該學(xué)習(xí)的一點(diǎn)前端技術(shù)</b>
地址:http://m.sdlzkt.com/a/22/20120711/74718.html