jQuery框架的 find() 方法 以及各种 复杂的情况 分析为什么
jQuery框架的 find() 方法
find()方法 的 执行思路：
00-1: 首先 确定 搜索 范围：【范围指的是 通过jQuery框架的 $() 或者 联合框架的其他方法 而拿到 的jQuery集合对象
00-2: 然后 在 指定范围内的 jQuery对象集合中 ，针对 集合中的 每一个 jquery对象 使用 find方法搜索 ，仅仅会搜索 每个jQuery对象中 包含的 子类对象【针对的是 jquery对象的 子类 ，而不是 他本身！】 ，
00-3: 搜索的时候 find方法 所使用的 参数 的解释 参考下面。
00-4：这个方法的 目的是：
通过一个 选择符（css选择符/jquery自定义选择符） 找到一个 大范围的 jQuery集合对象。
然后 以这个大的 jQuery集合对象 中的 每个 jqeury对象 基础，
再使用find方法的 参数（expression | object | element）为搜索条件，搜索每个jquery对象的 子孙对象。
然后 返回 满足 搜索 条件的 每个jquery对象中的 子孙对象 的 集合。
//这个方法 返回的是 jQuery集合对象
//如果是jQuery集合对象 ，那么 针对 jQuery集合对象的实例 ， 我们可以使用length属性 ， 知道 这个集合对象中 ， 一共有多少个 jquery对象。
//使用find方法 搜索筛选的时候， 针对的是 jquery集合对象 中的 每个jquery对象 中的 子孙元素， 所有符合 find（）参数条件的 儿子 孙子 曾 孙子 的jQuery , 也就是 无论嵌套多深 都会被选择的！！
01：方法的 定义是： find( expresion | objects | elements )
02: 其中 expresson表示： 一个 用于 匹配 元素 的 选择器(可以是 css选择符 或者 是 jquery自定义的 选择符) 字 符串
也就是说 css选择符 或者 jquey的自定义的选择符 可以作为 find方法的 参数。
03:objects 表示： jQuery集合对象 。
这个jQuery对象是通过 jQuery框架的$() 或者 jQuery的某些方法 拿到的 jQuery对象
也就是说 jQuery对象 也可以 作为 find方法的 参数。
04：elements 表示： DOM原生集合对象，
这个原生对象，可以是通过 原生js代码 拿到的 ，
也可以是通过 jQuery框架的 get() 或者 [] 拿到的 dom原生对象。
Dom原生对象 也可以作为 find的 参数。
05：如果是 通配符 * , 就表示 选择 jQuery对象集合 中的 每个jquery对象 中的 所有子元素， 然后将他们 包装成一个 jquery集合对象！
- list item 1 - one strong tag
- list item 2 - two strong tags
- list item 3
- list item 4
- list item 5
- list item 6
<script type="text/javascript">console.log($("li").find("strong"));console.log($("li").find("*"));console.log($("li"));
</script>
//这样的话 ， 我们就不用考虑 各个浏览器 厂家的 不一致的 问题了
//针对上边的例子 ， 如果使用 原生的 js代码的话， 我们拿到一个 dom集合对象之后， 需要 使用for循环 ， 迭代这个dom集合对象中的 每一个 dom对象 ， 然后 修改 他们上边的 属性。
//如果使用 jquery框架的话， 使用这个框架中的 方法 返回的 就是一个 jQuery对象 集合 ， 且在这个jquery对象集合 上边 使用 jquery框架定义的 方法的话 ， 这些方法 默认 会迭代 jquery对象集合中的 每个 jquery对象 ，然后针对每个迭代到的 jquery对象 执行 操作，这个过程 我们程序员 无法看到， 是框架 帮我们自动实现的 ， 因此 这就是 书上说的 隐式迭代 技术。 在jquery框架中 ， 几乎每个方法 都具备 隐式迭代技术。
jQuery框架的 find() 方法 以及各种 复杂的情况 分析为什么相关推荐
- jQuery系列 第三章 jQuery框架操作CSS
第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScr ...
- jQuery框架学习第二天：jQuery中万能的选择器
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
- jQuery：收集一些基于jQuery框架开发的控件/jquery插件2
Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. 主页:http://letmehaveblog.blogspot.com/2007/10/ ...
- web前端学习day_04:jQuery框架
jQuery框架 作用:给页面添加动态效果(和js一样),目的是为了提高原生JavaScript代码的开发效率 jQuery就是一个通过js语言所以写的框架 由于jQuery框架就是js语言所写,引入 ...
- jQuery框架学习第一天：开始认识jQuery
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
- [转载]浅析jQuery框架与构造对象
浅析jQuery框架与构造对象 这是一些分析jQuery框架的文字 针对jQuery 1.3.2版本 面向的读者应具备以下要求 1.非常熟悉HTML 2.非常熟悉javascript语法知识 3.熟悉 ...
- Java程序员从笨鸟到菜鸟之（八十八）跟我学jquery（四）JQuery框架操作元素的属性与样式
在前面几篇博客中,我们初步了解了一下jQuery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修 ...
- jQuery框架的简单使用（H5）
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>作业& ...
- 从零实现一个简易jQuery框架之一—jQuery框架概述
我们知道,不管学习任何一门框架,了解其设计的理念.目的.总体的结构及核心特性对我们使用和后续的深入理解框架都是有很大的帮助的.因此在这里先梳理一下本人对jQuery框架的一些理解. 设计目的(为什么要 ...
最新文章
- 未入选新一轮“双一流”！两所高校官宣
- php lvs,LVS（四）LVS集群DR模式
- 类中静态成员变量 无法解析的外部符号
- 对map集合进行排序
- [BUUCTF-pwn]——jarvisoj_test_your_memory
- linux下shell命令别名（alias）设置
- 2.9.JavaScript--内置对象
- kali安装pip3
- java 数组合并_数组与链表
- （11）Verilog HDL变量：wire型
- Android 5.0 最应该实现的8个期望
- Axure经典案例高保真下载（智慧水务、智慧泵房、水厂监控、营收管理、DMA漏损、维护管理、档案管理、仓库管理、水质监控、数据中心、调度指挥中心）
- Linux下安装Redis及使用
- Apache Struts2高危漏洞（S2-057CVE-2018-11776）
- 电脑公司最新稳定win7系统下载
- Python2.7打包的exe文件反编译成py文件
- 千图成像 马赛克拼图 专用软件 圣诞礼物
- 20090522: IBM X22
- php学生在线交流平台,php学生社团活动报名系统
- 高通平台sensor学习