jquery代碼點(diǎn)擊顯示隱藏div框的簡單介紹
方法有很多,可以設(shè)置CSS,也可以使用toggle方法我還是喜歡有圖有真相的方式,表達(dá)更明了比如不習(xí)慣使用預(yù)加載函數(shù)的話,就給按鈕綁定一個(gè)單擊事件 onclick=quotshoworHidequot即可核心代碼就是獲取到div元素,再調(diào)用;jQuery提供了toggle函數(shù)用于切換顯示和隱藏顯示被隱藏的元素,隱藏已顯示的元素,示例代碼ltbutton type=quotbuttonquot切換顯示ltbuttonltdiv id=quottestquot我是目標(biāo)元素ltdiv$documentreadyfunction $quotbuttonquot。
如果是必須追加顯示的話,再次點(diǎn)擊就需要清除 同樣在點(diǎn)擊事件中判斷是否已經(jīng)追加過div了 quotTopstoryaquotonquotclickquot,functiton if$quotysaquotlength0追加的div最好保持唯一性 此為已存在追加;你可以將兩個(gè)分別賦予不同的類名,然后這樣 #39lx1#39hide 第一個(gè)隱藏了$#39lx#39clickfunction $#39lx1#39toggle500 點(diǎn)擊lx后第一個(gè)顯示 $#39lx2#39toggle500 點(diǎn)。
divquot,isquotvisiblequot判斷是否div隱藏起來,隱藏就讓其顯示出來show顯示的方法,hide隱藏的方法深圳網(wǎng)站建設(shè)ltscript type=quottextjavascriptquot src=quot1;lt!doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無標(biāo)題文檔lttitleltscript type=quottextjavascriptquot src=quotjquery_1_7jsquotltscriptltheadltbody ltdiv id=quotboxquot ltdiv style=quotdisplayblo。
#39#div#39showanimate leftquot0pxquot,2000 else #39#div#39animate leftquot100pxquot,2000,function thishide ltscript lthead ltbody style=quotpositionabsolutequot。
首先,jquery顯示隱藏div是用的showhide方法quotdivquotshow顯示$quotdivquothide隱藏然后,你這明顯是用百度地圖開發(fā),百度地圖開發(fā)切換城市重新設(shè)置中心點(diǎn)就行了 var map = new BMapMapquotcontainer;給div綁定事件quotdivquotbindquotclickquot,function showDivevent quotdivquothide 讓所有div都隱藏 quotthisquotshow 讓被點(diǎn)擊的div顯示代碼沒有測試過,僅供參考。
Jquery中hide方法表示隱藏,show表示顯示 示例測試 載入jquery框架文件 function #39#btn#39clickfunction div1=$#39#div1#39if$div1is#39hidden#39 div1showelse if$div1is#39;quotdivquottoggle 100參考鏈接asp 定義和用法 toggle 方法切換元素的可見狀態(tài)如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素語法。
documentreadyfunction$quotlist emquoteachfunction$thisbindquotmouseoverquot,function$thisparentsiblingschildrenquotspanquothide$thissiblingstoggle$quotlist spanquot;實(shí)現(xiàn)這種功能的jquery是相當(dāng)簡單的,list元素鼠標(biāo)移入,當(dāng)前元素里的 span顯示移出則相反,具體代碼如下function鼠標(biāo)移入$#39list#39mouseenterfunction這里使用mouseover也可以,使用mouseenter是防止冒泡。
ltstyleltscriptjQueryfunction$$quotclickmequotclickfunction $thisnextquotdisplayclickquottoggle$documentclickfunctioneif!=#39clickme#39$quotdisplayclickquot;hide 隱藏對(duì)象 show 顯示對(duì)象 removeClass 移除一個(gè)class addClass 添加一個(gè)class 除此,還可以通過jquery設(shè)置這個(gè) div 的 css displayblock 來實(shí)現(xiàn)隱藏顯示。
ltdiv id=quotaquotltdiv引入scriptfunction$ $fnmoveStopEvent = functioncallback return thiseachfunction var x = 0, y = 0, x1 = 0, y1 = 0;先說你幾個(gè)最基本的錯(cuò)誤哦,對(duì)你以后有幫助你的id怎么能寫數(shù)字呢這是大忌一定要以下劃線或者字母開頭hidden這個(gè)屬性你自己編的屬性吧建議用css屬性display取代 用jQuery幫你寫一個(gè)quotdivquothoverfunction。
changefunction if $#39inputname=quotradioquotchecked#39val === #390#39 #39inputtype=quottextquot#39hide 3瀏覽器運(yùn)行indexhtml頁面,此時(shí)點(diǎn)擊“否”單選按鈕后,輸入框成功被隱藏了。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。