jQuery實作div顯示、隱藏和文字填充

使用原生JavaScript程式設計時候，我們發現其存在了不少的缺點：例如取得元素不方便，有時候還需要進行遍歷，遍歷裡面還可能存在嵌套，導致程式碼較為繁瑣，並且容差性差。今天就帶領大家用jQuery來實現第一個網頁。

（1）使用HTML佈局頁面

1）建立專案Pro_01，在專案下建立網頁，將其命名為index.html;

2） 在HTML頁面新增三個按鈕；

<input type="button" value="显示" id="show" />
<input type="button" value="隐藏" id="hide" />
<input type="button" value="内容填充" id="text"/>

3）在HTML頁面新增三個DIV標籤；

<div></div>
<div></div>
<div></div>

（2）使用CSS美化頁面

1）在該專案下創建css資料夾；

2）建立css文件，命名為style.css，在index.html中的

以上是jQuery實作div顯示、隱藏和文字填充的詳細內容。更多資訊請關注PHP中文網其他相關文章！