怎么讓DIV失去焦點后隱藏自身

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

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

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

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

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

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

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

css文本框樣式

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

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

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

如何使CSS樣式在有焦點時有效,失去焦點時失效

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

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

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

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

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

廣告

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