我们在对结果集使用find、filter等方法时,会改变结果集。

这样的改变原先结果集的方法被称作destructive jQuery method

jQuery cookbook有例如以下定义:

A destructive operation is any operation that changes the set of matched jQuery elements, which means any traversing or manipulation method that returns a jQuery object, includingadd(), andSelf(), children(), closes(), filter(), find(), map(), next(), nextAll(), not(), parent(), parents(), prev(), prevAll(), siblings(), slice(), clone(), appendTo(), prependTo(), insertBefore(), insertAfter(), replaceAll()

详细使用方法例如以下

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
</head>
<body><p>Text</p><p class="middle">Middle <span>Text</span></p><p>Text</p>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">alert($('p').filter('.middle').length); // alerts 1alert($('p').filter('.middle').end().length); // alerts 3alert($('p').filter('.middle').find('span').end().end().length); // alerts 3
</script>
</body>
</html>

当对$('p')的结果运行filter('.middle')时,仅仅有<p class="middle">Middle <span>Text</span></p>符合结果。

继续对上述操作运行end(),则filter()产生的作用被撤销,结果集中包括三个<p>

转载于:https://www.cnblogs.com/mfrbuaa/p/3830022.html

jQuery -gt; end方法的使用方法相关推荐

  1. Jquery获得控件值的方法

    一 Jquery获得服务器控件值的方法 由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<a ...

  2. chrome浏览器模拟手机端:jquery click()点击无效解决方法

    chrome浏览器模拟手机端:jquery click()点击无效解决方法 参考文章: (1)chrome浏览器模拟手机端:jquery click()点击无效解决方法 (2)https://www. ...

  3. js进阶课程 12-9 jquery的事件对象event的方法有哪些?

    js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结 一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标 ...

  4. jQuery遍历之next()、nextAll()方法使用实例

    jquery遍历:next()和nextAll()方法.实例如下: 复制代码 代码如下: <html> <head> <script type="text/ja ...

  5. JQuery中操作Css样式的方法

    JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong>    $("#tow").attr("class&q ...

  6. 弹框位置设置html,JQuery弹出框定位实现方法

    JQuery弹出框定位实现方法.直接上代码: //页面代码 (简化) CssClass="ui-button-icons-only" Text="按钮"> ...

  7. Jquery jqXHR对象的属性和方法

    在 jQuery 1.4 之前(包括1.4),$.ajax() 方法返回的是浏览器原生的 XMLHttpRequest 对象. 从 jQuery 1.5 开始,$.ajax() 方法返回 jQuery ...

  8. html用jq设置动态效果,jQuery实现基本动画效果的方法详解

    本文实例讲述了jQuery实现基本动画效果的方法.分享给大家供大家参考,具体如下: animate()方法用于创建自定义动画 语法: $(selector).animate({params},spee ...

  9. JQuery系列(4) - AJAX方法

    jQuery对象上面还定义了Ajax方法($.ajax()),用来处理Ajax操作.调用该方法后,浏览器就会向服务器发出一个HTTP请求. $.ajax方法 $.ajax()的用法主要有两种. $.a ...

  10. jQuery Raty星级评分插件使用方法

    转载自  jQuery Raty星级评分插件使用方法 使用jQuery Raty,可以很方便的在页面上嵌入一个评分组件,如下所示:      使用方法很简单,首先从https://github.com ...

最新文章

  1. 《剑指offer》给定一颗二叉搜索树,请找出其中的第k大的结点。
  2. H5 C3中的概念(一)
  3. linux系统网络编程简介,Linux网络编程入门
  4. POJ 3608 Bridge Across Islands 《挑战程序设计竞赛》
  5. 充分利用Microsoft Planner的6种方法
  6. monogdb操作system.*权限
  7. mysql 魔术设置_mysql主从复制实践
  8. react 组件传值
  9. 《算法图解》第二章笔记与课后练习_选择排序算法
  10. opencv 编译报错(CMake Error: The following variables are used in this project, but they are set to not )
  11. signal(SIGHUP, SIG_IGN)的含义
  12. kali win10双系统_小米win10+kali 双系统
  13. WPS Office 2019 v11.8.2专业增强版
  14. 超详细使用VirtualBox安装虚拟机
  15. HTML背景带视频的个人炫酷引导页源码
  16. Succinimidyl Carboxymethyl Ester-PEG-Mal,Mal-poly(ethylene glycol)-SCM
  17. AR增强图像——Vuforia图片识别配置以及使用
  18. 什么是MTU值,如何设置最快最好?
  19. R绘图|相关性系数图
  20. 【华为机试真题 Python实现】机器人走迷宫

热门文章

  1. Docker 学习4 Docker容器虚拟化网络概述
  2. 人工智能与物联网安全:以子之矛,攻子之盾
  3. 用 lastIndexOf()、substr()、split()方法截取一段字符串
  4. 常见List面试问题
  5. 运维工程师必会的109个Linux命令(1)
  6. HTML - label (转)
  7. sqlserver 时间递增循环
  8. 单选框加了css后显示不出来,layui radio 单选框 效果 显示不来 解决方法
  9. oracle按天创建分区,oracle 10g按天分区
  10. argument ‘input‘ (position 1) must be Tensor, not XX