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

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

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

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

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

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

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

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

css文本框樣式

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

2、border-radius屬性可以實現元素的圓角。

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

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

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

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

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

本文名稱：css樣式失去焦點 jquery 失去焦點
網站路徑：http://vcdvsql.cn/article20/dgeooco.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、外貿建站、移動網站建設、App設計、網站策劃、面包屑導航

廣告

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