如何利用jquery方法wrapInner向DOM插入元素

 时间:2026-02-16 17:21:29

1、第一步,打开HBuilder开发工具,新建静态页面wrapInner.html,并引入jquery核心js,如下图所示:

如何利用jquery方法wrapInner向DOM插入元素

2、第二步,向<body></body>元素内插入一个有序列表和无序列表,如下图所示:

如何利用jquery方法wrapInner向DOM插入元素

3、第三步,在jquery初始化函数内调用wrapInner方法,利用class选择器,如下图所示:

如何利用jquery方法wrapInner向DOM插入元素

4、第四步,预览该静态页面,查看页面效果,这时会显示一个有序列表和一个无序列表,如下图所示:

如何利用jquery方法wrapInner向DOM插入元素

5、第五步,将直接调用wrapInner方法改为函数方法,返回值为HTML代码,如下图所示:

如何利用jquery方法wrapInner向DOM插入元素

6、第六步,再次预览该静态页面,查看到效果跟直接调用wrapInner方法一样,如下图所示:

如何利用jquery方法wrapInner向DOM插入元素

  • jquery如何操作dom,访问dom元素
  • wrapInner() 方法在每个p元素的内容上包围b元素
  • jQuery: unwrap() 方法包裹或解开元素
  • 如何利用jquery数组方法控制多个DOM元素隐藏
  • jQuery文档操作
  • 热门搜索
    祖国我爱你手抄报 迎国庆手抄报图片 三年级环保手抄报 抗战胜利手抄报 清明节的手抄报三年级 推广普通话的手抄报 关于五一劳动节手抄报 科技新闻手抄报 花的手抄报 诚信手抄报图片大全