零基础学做网站培训介绍

当前位置:

JQuery如何给指定元素前、中、后添加内容

在实现网站制作过程中,往往需要通过JQuery给指定元素添加内容,例如给网站导航菜单上有下拉菜单的项目添加一个小三角形,给链接地址添加参数等等,都需要使用JQuery来实现。

JQuery如何给指定元素前、中、后添加内容

下面学做网站论坛介绍几种JQuery给指定元素前、后、中添加内容的方法和代码。

第一种:JQuery给指定元素前面添加内容

JQuery给指定元素前添加内容要使用:before(),代码如下:


$("选择器").before('要添加的内容');

第二种:JQuery给指定元素后面添加内容

JQuery给指定元素后面添加内容要使用:after(),代码如下:


$("选择器").after('要添加的内容');

第二种:JQuery给指定元素中间添加内容

JQuery给指定元素中间添加内容要使用:append(content)方法,代码如下:


$("选择器").append('要添加的内容');

append(content)方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。

例如,在页面的<body>元素中追加一个具有“id”、“title”属性和显示内容的<div>元素,如下图:

JQUERY 添加内容

显示效果:

JQUERY 添加内容

从图中可以看出,由于使用append()方法在<body>元素中追加了一些HTML 元素标记,因此追加后,这些元素标记直接生成对应的元素和属性显示在页面中。

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在很多的图片网站上,全使用到3d轮播图效果,可以不断的实现旋转轮播,最大气美观。效果如图:对于这样一种高大上的3D旋转轮播图,做起来并不是想
  • 图片轮播特效在网站制作过程中经常会用到,它可以让一个“静止”的网站“动”起来。在学做网站论坛以前的建站教程中,也讲过如何制作网站幻灯片,我们在学
  • 做网站过程中,如果想对自己网站中的文章进行排序,就可以利用热门文章代码来自动调用,热门文章可以分为二种方法:按照文章浏览量和文章评论数。
  • 使用wordpress建网站时,在侧边栏往往需要调用某个指定分类下的子分类,这样只要在网站后台添加分类后,网站界面就会自动的调用显示出来。(要想在不
  • 在我们学习建网站过程中,使用火狐浏览器来辅助我们编辑网页,查看网页图片,修改网站代码.特别的方便.可以大大增加我们的工作效率.所在在学做网站论坛里
  • 这个网站挺好看的。我是现按照老师教的仿站课程作的。只要按照课程的方法去做,很容易把网站仿下来。在制作模板时,问题有3个:第1;导航出
  • 网页如何添加背景音乐 视频教程附件下载 (1110834 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • QQ客服在很多网站都很普通,它可以很方便的让浏览我们网站的用户通过QQ进行交流,不需要去查找QQ再加好友,只需要点一下QQ客服上的图标就可以直接发信
  • 各类微博的流量很大,如果自己网站内容能够同步更新到自己的微博上,可以让更多的人看到自己网站上的内容了。如何将自己网站内容同步更新到微
  • 提高网站的“回头客”,我们需要给注册会员提供一些特权,而对游客隐藏部分wordpress文章,因为有很多自己做网站论坛vip学员问到,所以这里就提供一段代