jQuery 怎么在元素后面添加HTML字符串

 时间:2024-10-12 11:59:31

1、新建文件夹JqueryAfter,在其内部创建如下结构的文件: JqueryAfter -- Content -- jquery-1.11.3.js 幻腾寂埒-- Default.html

jQuery 怎么在元素后面添加HTML字符串
jQuery 怎么在元素后面添加HTML字符串

2、在Default页面,做如下操作: 1)引用Jquery 2)添加测试Jquery引用成功的代码 3)使用浏览器打开Default页面,可以看到弹出了测试内容,表示引用成功

jQuery 怎么在元素后面添加HTML字符串
jQuery 怎么在元素后面添加HTML字符串

3、在Default页面,为了演示效果明显,添加测试样式,并添加5个div

jQuery 怎么在元素后面添加HTML字符串
jQuery 怎么在元素后面添加HTML字符串

4、【.after(html字符串)】由于此处是【html字符串】,所以,不管这个字符串是否在界面存在过,都不会当做剪切处理,而是,直接将内容插入到指定元素后面

jQuery 怎么在元素后面添加HTML字符串
jQuery 怎么在元素后面添加HTML字符串

5、【.after(已存在的Jquery对象元素)】这种方式相当于剪切

jQuery 怎么在元素后面添加HTML字符串
jQuery 怎么在元素后面添加HTML字符串

6、【$(html字符串).insertAfter】此处是直接将内容插入到选择元素后面,不会当做剪切处理。insertAfter后面可以是Jquery对象,也可以是Jquery对象的选择器字符串

jQuery 怎么在元素后面添加HTML字符串
jQuery 怎么在元素后面添加HTML字符串

7、【$(html字符串).insertAfter】相当于剪切,如果insertAfter后面可以是Jquery对象

jQuery 怎么在元素后面添加HTML字符串
jQuery 怎么在元素后面添加HTML字符串
  • 帝国CMS数据库如何批量替换文字内容
  • 怎么获取JQuery动态生成的option元素的值?
  • dedecms织梦模板文档图片不居中的解决办法
  • React setState由于异步获取不到值的解决方案
  • Java判断包含某个字符contains方法
  • 热门搜索
    我爱红领巾手抄报 生活中的小数手抄报 金秋十月手抄报 清明节文明祭祀手抄报 手抄报8k版面设计图 绿色校园手抄报内容 爱护校园环境手抄报 文明手抄报资料 语言的魅力手抄报 绿色上网手抄报