html+jquery+css
代码编纂器:z studio 10.0方式/
1新建一个html文件 , 定名为test.html , 用于讲解操纵jquery在某个div后添加一个div 。
文章插图
2在test.html文件内 , 利用div建立一行文字 , 并设置div的id为mydiv , 本家儿要用于下面经由过程该id获得div对象 。
文章插图
3在test.html文件内 , 利用button标签建立一个按钮 , 按钮名称为“增添div” 。
文章插图
4在test.html文件内 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行adddiv()函数 。
文章插图
5在js标签内 , 建立adddiv()函数 , 在函数内 , 界说一个要添加的div元素 , 为了展示结果 , 利用css设置其文字颜色为红色 , 将这个div保留在html变量中 。
文章插图
6【利用jquery在某个div后添加一个div】在adddiv()函数内 , 利用$符号经由过程div的id(mydiv)获得对象 , 利用app()方式标的目的此div添加上一步建立的div , 代码如下:
文章插图
7在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。
文章插图
文章插图
以上内容就是利用jquery在某个div后添加一个div的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 用jquery获取div在页面上的位置
- 教你几招怎么怎么看金毛纯不纯
- 小产权房如何贷款
- 如何在火车站内购票
- 自己洗车的误区及注意事项
- 机电 二级建造师学习考试心得
- 如何自制锅贴
- [品读《茶经》]鲍令晖,茶尽余香在
- creo轮廓筋的应用
- WPS如何复制格式不变