html中prependid的作用,jQuery中append(),prepend()与after(),before()的区别

在jQuery中，添加元素的方法有append(),prepend和 after(),before()两种共四个。但很多人对他们的使用有点混淆，今天就来分析一下。append()和prepend()的作用

例：JQuery向元素中插入内容

我是中间

$('#mochu').append('

我是尾巴');

$('#mochu').prepend('

我是头部');

执行结果

我是头部我是中间我是尾巴

分析结果：

append()用于在被选元素的结尾插入元素。

prepend()用于在被选元素的开头插入元素。after() 和 before() 的作用

例：jquery向指定元素前后插入元素

我是中间

$('#mochu').before('

我是头部

');

$('#mochu').after('

我是尾巴

');

运行结果：

我是头部

我是中间

我是尾巴

分析结果

after()用于在被选元素之后插入内容。

before()用于在被选元素之前插入内容。

总结：

通过上面的两个小示例，我们可以很清晰的看出append()和prepend()与after()和before()的区别

append()和prepend()：是向指定的元素内部插入元素

after()和before()：是向指定的元素前台插入元素

html中prependid的作用,jQuery中append(),prepend()与after(),before()的区别相关推荐

js中window.onload 与 jquery中$(document.ready()) 测试
js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...
js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = '<p>&l ...
js中的遍历和jquery中的遍历
1.map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组. 使用实例: var ary = [12,23,24,42,1]; var res = ary.map(func ...
jquery (js中window.onload与jquery中$(document.ready())的区别)
jquery 学习之一(js中window.onload与jquery中$(document.ready())的区别) 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张 ...
html中$ 的作用,jquery中的$()是什么？
jquery中的$()是什么?$是jQuery"类"的一个别称,$()构造了一个jQuery对象.所以,"$()"可以叫做jQuery的构造函数. $()就是j ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
在html中base的作用,html中base标签的作用是什么
html中base标签的作用是什么? 作用:为页面上的所有链接规定默认地址或默认目标,是一种表达路径和连接网址的标签. 说明:通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 UR ...
jquery中each_如何在jQuery中使用each（）
jquery中each In this post, we are going to discuss about jQuery each() method, which is one of the mo ...
指针在c语言中起什么作用,编程中指针的作用是什么？
原标题:编程中指针的作用是什么? 编程语言中,何为指针?它们都有什么用呢?其实通俗点讲,将一个椅子放进一个小房间锁上门,你若想拿出凳子,就必须有锁门的钥匙,而这钥匙就是指针. 举一个简单的例子: in ...

html中prependid的作用,jQuery中append(),prepend()与after(),before()的区别

html中prependid的作用,jQuery中append(),prepend()与after(),before()的区别相关推荐

最新文章

热门文章