宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 网站建设常见问答>殷雯jquery笔记:添加HTML元素
网站建设常见问答
殷雯jquery笔记:添加HTML元素

殷雯jquery笔记:添加HTML元素

使用jQuery可以方便的添加新的HTML元素。这样就允许在客户端浏览器里进行一些动态操作,丰富了使用者体验。
下面的方法用于添加HTML元素:
 
append() – 在指定的元素的尾部添加一个新内容。
prepend() -在指定的元素里前部添加新内容。
after() – 在指定元素前添加新内容
before() -在指定元素的后面添加新内容。
初步看append,prepend 和after,before似乎功能一样,但append,prepend指在选中的元素本身(内部)的前面和后面,而after,before指在选择中的元素的前面和后面。

示例代码
<script> 
        $(document).ready(function () { 
            $(\"#btn1\").click(function () { 
                $(\"p\").append(\" <b>Appended text</b>.\"); 
            }); 
 
            $(\"#btn2\").click(function () { 
                $(\"ol\").append(\"<li>Appended item</li>\"); 
            }); 
        }); 
    </script> 

示例2
<script> 
        $(document).ready(function () { 
            $(\"#btn1\").click(function () { 
                $(\"p\").prepend(\"<b>Prepended text</b>. \"); 
            }); 
            $(\"#btn2\").click(function () { 
                $(\"ol\").prepend(\"<li>Prepended item</li>\"); 
            }); 
        }); 
    </script>

效果请新建一个空白html默认文件
先自己添加p等默认元素,再添加btn1 和btn2 按钮
然后就可以体验以上二段jquery小功能


点击:  2393    时间: 2015-05-14
上一条: 文化局在我公司文艺演出
下一条: php程序读取中文目录名乱码问题解决
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1