首页 > 软件开发 > JQUERY >

jQuery文档操作

来源:互联网 2023-03-16 23:54:52 482

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

工具/原料

  • jQuery

方法/步骤

  • 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 3

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

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

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

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

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

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

  • 4

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

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

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

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

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

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

  • 5

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

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

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

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

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

  • 6

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

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

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

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

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

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

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

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

  • 7

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


    标签: JQUERY软件

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