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中文网其他相关文章！