jquery 元素控制(追加元素/追加内容)介绍及应用
2015-08-15 18:43
651 查看
一、在元素内部/外部追加元素
二、在元素的不同位置追加内容
三、在元素的开始位置追加内容
四、在不同元素的开始位置追加内容等等,感兴趣的朋友可以参考下哈
一、在元素内部/外部追加元素
append,prepend:添加到子元素
before,after:作为兄弟元素添加
<div id="content">
在我的后面追加一条新闻
</div>
<script type="text/javascript">
jQuery(function(){
//将span添加到追加到content1的后面
$("#content").after(" 姚明退役了... ");
})
</script>
出自于:http://www.jb51.net/article/35845.htm
二、在元素的不同位置追加内容
三、在元素的开始位置追加内容
四、在不同元素的开始位置追加内容等等,感兴趣的朋友可以参考下哈
一、在元素内部/外部追加元素
append,prepend:添加到子元素
before,after:作为兄弟元素添加
<div id="content">
在我的后面追加一条新闻
</div>
<script type="text/javascript"> jQuery(function(){ //在元素内部追加内容 $("#content").append(" 姚明退役了... "); }) </script>在#content里面添加元素,这是把<p>姚明退役了...</p>作为子元素添加到#content,如果想在元素外部追加元素,需要用到after,这样的话就可以把<p>姚明退役了...</p>作为兄弟元素追加到#content后面
<script type="text/javascript">
jQuery(function(){
//将span添加到追加到content1的后面
$("#content").after(" 姚明退役了... ");
})
</script>
出自于:http://www.jb51.net/article/35845.htm
相关文章推荐
- jquery proxy整理
- ajax 请求数据的两种方法
- jquery专家
- JqueryEasyUI教程
- JQuery源码浅析: Callbacks
- jQuery树形下拉菜单特效代码分享
- html js jquery 前端 wap
- Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
- Jquery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
- JQuery下锚点的平滑跳转
- Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
- jQuery学习
- jquery一张图
- jQuery实现图片渐入渐出切换展示效果
- 针对初学者的jQuery入门指南
- Jquery中对数组的操作
- 在JavaScript的jQuery库中操作AJAX的方法讲解
- jQuery事件绑定.on()简要概述及应用
- 在JavaScript的jQuery库中操作AJAX的方法讲解
- 针对初学者的jQuery入门指南