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