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

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了交口免費(fèi)建站歡迎大家使用！

一、jquery中的toggle（）方法

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

語法：$（selector）。toggle（function）

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

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

顯示與隱藏切換

我可以顯示也可以隱藏

啦啦啦

$（document）。ready（function（） {

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

$（"p"）。toggle（）;

}）;

}）;

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

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

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

語法：$（selector）。hide（speed,easing,callback）

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

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

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

實(shí)例描述：當(dāng)點(diǎn)擊“隱藏”按鈕時，隱藏P標(biāo)簽的內(nèi)容，當(dāng)點(diǎn)擊“顯示”按鈕時，顯示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)擊一下按鈕添加一個段落”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁名稱：jQuery怎么實(shí)現(xiàn)點(diǎn)擊一下按鈕添加一個段落
分享路徑：http://chinadenli.net/article8/gdggip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、企業(yè)建站、靜態(tài)網(wǎng)站、關(guān)鍵詞優(yōu)化、做網(wǎng)站

廣告

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