jquery以滑動方式顯示隱藏的元素教程分享
jquery 是一JavaScript庫，它可以極大地簡化JavaScript編程，就算是小白用戶也可以輕松上手，今天小編就來告訴大家以滑動的方式顯示隱藏的元素的方法吧 。
方法/步驟分享：
1、新建一個html文件 ， 命名為test.html，用于講解jquery怎么以滑動方式顯示隱藏的元素 。
2、在test.html文件內，使用div標簽創建一個模塊 ， 并給div添加一個class屬性 。
【jquery以滑動方式顯示隱藏的元素教程分享】3、在css標簽內，通過class設置div的樣式，定義它的寬度為200px，高度為200px，背景顏色為紅色，同時，將display屬性設置為none，實現div隱藏不可見 。
4、在test.html文件內 ， 使用button標簽創建一個按鈕，給button按鈕綁定onclick點擊事件 ， 當按鈕被點擊時，執行showdiv()函數 。
5、在函數內，通過class獲得div對象，并使用slideDown()方法讓它以滑動的方式顯示出來 。
6、在瀏覽器打開test.html文件，點擊按鈕，查看實現的效果 。
總結：
1、使用div標簽創建一個模塊，并給div添加一個class屬性 。
2、在css標簽內，通過class設置div的樣式，定義它的寬度為200px，高度為200px，背景顏色為紅色 ， 同時，將display屬性設置為none，實現div隱藏不可見 。
3、使用button標簽創建一個按鈕 ， 給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行showdiv()函數 。
4、在函數內，通過class獲得div對象，并使用slideDown()方法讓它以滑動的方式顯示出來 。
喜歡小編為您帶來的jquery以滑動方式顯示隱藏的元素方法嗎？希望可以幫到您~更多相關內容盡在經驗啦網手機教程頻道！
