首页 > 软件开发 > JQUERY >

jQuery文档操作

来源:互联网 2023-03-16 23:54:52 版权归原作者所有,如有侵权,请联系我们

jQuery文档操作fhu办公区 - 实用经验教程分享!

工具/原料

  • jQuery

方法/步骤

  • 1

    1、内部插入fhu办公区 - 实用经验教程分享!

    •append(content) :在元素的尾部追加content内容fhu办公区 - 实用经验教程分享!

    •appendTo(content) :把匹配到的元素插入到content元素的尾部fhu办公区 - 实用经验教程分享!

    •prepend(content) :在元素的头部追加content内容fhu办公区 - 实用经验教程分享!

    •prependTo(content) 把匹配到的内容插入到content元素的头部fhu办公区 - 实用经验教程分享!

    例:div>(content)hello(content)/div>fhu办公区 - 实用经验教程分享!

    fhu办公区 - 实用经验教程分享!

    示例代码:fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

  • 1相关内容非法爬取自百度经验
  • 2

    2、外部插入fhu办公区 - 实用经验教程分享!

    •after(content) :在元素尾部插入content内容fhu办公区 - 实用经验教程分享!

    •before(content) :在元素头部插入content内容fhu办公区 - 实用经验教程分享!

    •insertAfter(content) :把匹配到的元素插入到content元素的尾部fhu办公区 - 实用经验教程分享!

    •insertBefore(content) :把匹配到的元素插入到content元素的头部fhu办公区 - 实用经验教程分享!

    例:(content)div>hello/div>(content)fhu办公区 - 实用经验教程分享!

    fhu办公区 - 实用经验教程分享!

    示例代码:fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

  • 3

    3、删除操作fhu办公区 - 实用经验教程分享!

    •empty():清空元素的文本信息fhu办公区 - 实用经验教程分享!

    •remove():移除元素本身,也包括元素文本信息fhu办公区 - 实用经验教程分享!

    fhu办公区 - 实用经验教程分享!

    示例代码:fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

  • 4

    4、复制操作(克隆操作)fhu办公区 - 实用经验教程分享!

    •clone() :复制元素fhu办公区 - 实用经验教程分享!

    •clone(true):复制元素同时复制元素本身的事件fhu办公区 - 实用经验教程分享!

    fhu办公区 - 实用经验教程分享!

    示例代码:fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

  • 5

    5、替换操作fhu办公区 - 实用经验教程分享!

    •replaceWith() :替换节点fhu办公区 - 实用经验教程分享!

    示例代码:fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

  • 6

    6、包裹操作fhu办公区 - 实用经验教程分享!

    •wrap():对每一个匹配到的元素进行单独包裹fhu办公区 - 实用经验教程分享!

    •wrapAll():对所有匹配到的元素进行统一包裹fhu办公区 - 实用经验教程分享!

    •wrapInner() :对每一个匹配到的元素的内容进行单独包裹fhu办公区 - 实用经验教程分享!

    例:div>stong>hellostrong>/div>fhu办公区 - 实用经验教程分享!

    fhu办公区 - 实用经验教程分享!

    示例代码:fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

  • 7

    7.查找操作fhu办公区 - 实用经验教程分享!

    •eq(index):根据元素的index索引查找元素,默认从0开始fhu办公区 - 实用经验教程分享!

    •filter(expr):使用过滤器查找元素fhu办公区 - 实用经验教程分享!

    •not(expr):匹配除指定选择器以外的其他元素fhu办公区 - 实用经验教程分享!

    •children([expr]):查找当前元素的所有子元素fhu办公区 - 实用经验教程分享!

    •find(expr):查找当前元素的所有后代元素fhu办公区 - 实用经验教程分享!

    •next([expr]):查找当前元素下紧邻的下一个元素fhu办公区 - 实用经验教程分享!

    •prev([expr]):查找当前元素上紧邻的上一个元素fhu办公区 - 实用经验教程分享!

    •parent([expr]):查找当前元素的父元素fhu办公区 - 实用经验教程分享!

    •siblings([expr]):查找当前元素的所有同级兄弟元素(无论上下)fhu办公区 - 实用经验教程分享!

    fhu办公区 - 实用经验教程分享!

    示例代码:fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

    jQuery文档操作fhu办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!fhu办公区 - 实用经验教程分享!


    标签: JQUERY软件

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号