建站
咨詢
售后
建站咨詢
新聞中心
今天小編給大家分享一下jQuery怎么實現(xiàn)點擊一下按鈕添加一個段落的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了交口免費建站歡迎大家使用！
一、jquery中的toggle（）方法
toggle（） 方法可以在其中添加兩個或多個函數(shù)，然后通過 click 事件進行切換，點擊時先調(diào)用第一個指定函數(shù)，再次點擊時調(diào)用第二個函數(shù)，以此類推，循環(huán)調(diào)用。
語法：$（selector）。toggle（function）
function指點擊時需要運行的函數(shù)
實例描述：當(dāng)首次點擊“顯示與隱藏切換”按鈕時，隱藏P標(biāo)簽的內(nèi)容，當(dāng)再次點擊時，顯示P標(biāo)簽的內(nèi)容，完整代碼如下：
顯示與隱藏切換
我可以顯示也可以隱藏
啦啦啦
$（document）。ready（function（） {
$（"button"）。click（function（） {
$（"p"）。toggle（）;
}）;
}）;
由下圖所示，第一張圖是沒有點擊時的效果，第二張圖是第一次點擊時的效果，將內(nèi)容隱藏起來了。
二、jquery中的 hide（） 和 show（）方法
hide（） 方法可以將被選元素隱藏起來，類似于 CSS 中的 display:none 屬性。show（） 方法可以顯示隱藏的被選元素。 hide（） 和 show（）用法都一樣，只是一個顯示一個隱藏。
語法：$（selector）。hide（speed,easing,callback）
speed表示顯示效果的速度，是一個可選值（slow，fast，毫秒）
easing用于設(shè)置動畫的不同點上元素的速度，是一個可選值（swing，linear）
callback表示show（）方法執(zhí)行完之后，需要執(zhí)行的函數(shù)，也是一個可選值
實例描述：當(dāng)點擊“隱藏”按鈕時，隱藏P標(biāo)簽的內(nèi)容，當(dāng)點擊“顯示”按鈕時，顯示P標(biāo)簽的內(nèi)容，具體代碼如下：
點擊隱藏按鈕，文字消失
點擊顯示按鈕，文字重現(xiàn)
隱藏
顯示
$（document）。ready（function（） {
$（"#hide"）。click（function（） {
$（"#p1"）。hide（）;
}）;
$（"#show"）。click（function（） {
$（"#p1"）。show（）;
}）;
}）;
以上就是“jQuery怎么實現(xiàn)點擊一下按鈕添加一個段落”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)頁標(biāo)題：jQuery怎么實現(xiàn)點擊一下按鈕添加一個段落
網(wǎng)頁URL：http://www.ef60e0e.cn/article/gdggip.html
