怎么讓DIV失去焦點(diǎn)后隱藏自身

1、實(shí)現(xiàn)div隱藏可以通過設(shè)置display、visible和div的大小等實(shí)現(xiàn)隱藏效果。CSS display 屬性 display 屬性規(guī)定元素應(yīng)該生成的框的類型。值為none時(shí)，此元素不會(huì)被顯示。

正安網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

2、先點(diǎn)擊下文本框，然后點(diǎn)擊文本框以外的地方以實(shí)現(xiàn)文本框失去焦點(diǎn)。

3、寫入js：(button).click(function () { (div).hide()；(div).eq(parseInt(3 * Math.random())).show()；})；瀏覽器運(yùn)行index.html頁面，此時(shí)點(diǎn)擊btn按鈕總會(huì)顯示其中1個(gè)div和隱藏另外2個(gè)div。

4、方法：打開html開發(fā)軟件，新建一個(gè)html文件，在html文件上創(chuàng)建一個(gè)button按鈕，然后給這個(gè)按鈕設(shè)置一個(gè)id，在案例中把按鈕的id設(shè)置為show。

5、給div添加一個(gè)屬性，或者一個(gè)方法，當(dāng)點(diǎn)擊隱藏時(shí)，觸發(fā)方法，改變div屬性，為隱藏，再點(diǎn)擊，觸發(fā)方法，改變屬性為顯示，就可以了，隱藏屬性百度可以查到，思路就是這個(gè)思路。

6、新建一個(gè)html。在body加入測(cè)試的html。引入jquery（我這邊的jquery是下載到自己本地的，注意路徑）。在script標(biāo)簽下加入這段代碼（就是jquery隱藏div的代碼）。沒有加隱藏代碼效果。加了隱藏代碼效果。

css文本框樣式

1、html文本框圓角邊框css樣式可以通過改變border-radius屬性的值進(jìn)行添加。border-radius值的單位可以使用“px”，也可以使用“%”，單位不同效果也不同。

2、border-radius屬性可以實(shí)現(xiàn)元素的圓角。

3、需要說明：input[type=text] 這種寫法不支持IE，但支持Firefox。

如何使CSS樣式在有焦點(diǎn)時(shí)有效,失去焦點(diǎn)時(shí)失效

沒有焦點(diǎn)時(shí)就是正常的書寫css代碼 有焦點(diǎn)時(shí)就用偽元素：focus 來控制樣式好了 或者使用jquery中的focus()和blur()方法 當(dāng)元素獲得焦點(diǎn)時(shí)，發(fā)生 focus 事件。

css2有獲得焦點(diǎn)的選擇器：input：focus {...} //當(dāng)input元素獲得焦點(diǎn)時(shí)就會(huì)套用這個(gè)樣式 也就是說當(dāng)input元素失去焦點(diǎn)就會(huì)恢復(fù)為原來的樣式。因此只需給同一類元素設(shè)置默認(rèn)樣式和獲得焦點(diǎn)時(shí)的樣式即可實(shí)現(xiàn)你的目的。

樓下的朋友，有三點(diǎn)需要重申一下 按下鼠標(biāo)圖片周邊不會(huì)出現(xiàn)虛線，這個(gè)適合所有的瀏覽器 提問題的朋友使用的是css的寫法，樓下的朋友是加入了script，還有更簡單的寫法，直接寫在鏈接里鏈接標(biāo)題 交流多了，真好。

本文名稱：css樣式失去焦點(diǎn) jquery 失去焦點(diǎn)
網(wǎng)站路徑：http://aaarwkj.com/article20/dgeooco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、外貿(mào)建站、移動(dòng)網(wǎng)站建設(shè)、App設(shè)計(jì)、網(wǎng)站策劃、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)