jQuery怎么實(shí)現(xiàn)點(diǎn)擊一下按鈕添加一個(gè)段落

今天小編給大家分享一下jQuery怎么實(shí)現(xiàn)點(diǎn)擊一下按鈕添加一個(gè)段落的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

　　一、jquery中的toggle（）方法

　　toggle（） 方法可以在其中添加兩個(gè)或多個(gè)函數(shù)，然后通過(guò) click 事件進(jìn)行切換，點(diǎn)擊時(shí)先調(diào)用第一個(gè)指定函數(shù)，再次點(diǎn)擊時(shí)調(diào)用第二個(gè)函數(shù)，以此類推，循環(huán)調(diào)用。

　　語(yǔ)法：$（selector）。toggle（function）

　　function指點(diǎn)擊時(shí)需要運(yùn)行的函數(shù)

　　實(shí)例描述：當(dāng)首次點(diǎn)擊“顯示與隱藏切換”按鈕時(shí)，隱藏P標(biāo)簽的內(nèi)容，當(dāng)再次點(diǎn)擊時(shí)，顯示P標(biāo)簽的內(nèi)容，完整代碼如下：

　　顯示與隱藏切換

　　我可以顯示也可以隱藏

　　啦啦啦

　　$（document）。ready（function（） {

　　$（"button"）。click（function（） {

　　$（"p"）。toggle（）;

　　}）;

　　}）;

　　由下圖所示，第一張圖是沒(méi)有點(diǎn)擊時(shí)的效果，第二張圖是第一次點(diǎn)擊時(shí)的效果，將內(nèi)容隱藏起來(lái)了。

　　二、jquery中的 hide（） 和 show（）方法

　　hide（） 方法可以將被選元素隱藏起來(lái)，類似于 CSS 中的 display:none 屬性。show（） 方法可以顯示隱藏的被選元素。 hide（） 和 show（）用法都一樣，只是一個(gè)顯示一個(gè)隱藏。

　　語(yǔ)法：$（selector）。hide（speed,easing,callback）

　　speed表示顯示效果的速度，是一個(gè)可選值（slow，fast，毫秒）

　　easing用于設(shè)置動(dòng)畫的不同點(diǎn)上元素的速度，是一個(gè)可選值（swing，linear）

　　callback表示show（）方法執(zhí)行完之后，需要執(zhí)行的函數(shù)，也是一個(gè)可選值

　　實(shí)例描述：當(dāng)點(diǎn)擊“隱藏”按鈕時(shí)，隱藏P標(biāo)簽的內(nèi)容，當(dāng)點(diǎn)擊“顯示”按鈕時(shí)，顯示P標(biāo)簽的內(nèi)容，具體代碼如下：

　　點(diǎn)擊隱藏按鈕，文字消失

　　點(diǎn)擊顯示按鈕，文字重現(xiàn)

　　隱藏

　　顯示

　　$（document）。ready（function（） {

　　$（"#hide"）。click（function（） {

　　$（"#p1"）。hide（）;

　　}）;

　　$（"#show"）。click（function（） {

　　$（"#p1"）。show（）;

　　}）;

　　}）;

以上就是“jQuery怎么實(shí)現(xiàn)點(diǎn)擊一下按鈕添加一個(gè)段落”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。