find用法:

1.为什么要用find:

通常,选择一个元素很简单,$("#id")就可以搞定,

但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了,

可以通过用find来解决这个问题。

2.find怎么用:

①首先贴出api中find的构造方法

find(expr|obj|ele)   返回值:jQuery

find的参数可以为用于查找的表达式,一个用于匹配元素的jQuery对象,一个DOM元素

find的返回值是juqery类型

②举例说明

html代码如下:

<div id="test"><div id="div1">第一行</div><div id="div2"><p id="p1">第1行</p><p id="p2">第2行</p><p id="p3">第3行</p></div><div id="div3">第三行</div><div id="div4">第四行</div>
</div>
如果想让第2行这几个字的颜色改变,那么我们就可以用jquery的如下代码实现:
$("#test").find('div[id^="div2"]').find('p[id^="p2"]').css("color","red");

那么效果就会变为:

第一行

第1行

第2行

第3行

第三行
第四行

jquery查找指定id元素下的某个或某些元素相关推荐

  1. Linux 命令查找指定文件夹下符合查询条件的文件和文件夹实例演示

    演示目录结构如下: 查找当前文件夹下的文件和文件夹. cd /data/dmdbms/bin/ find -name "dimp" ./dimp 查找指定文件夹下的文件和文件夹. ...

  2. html一级子元素,利用JavaScript怎么获取元素下的第一级子元素

    利用JavaScript怎么获取元素下的第一级子元素 发布时间:2021-01-22 17:03:51 来源:亿速云 阅读:112 作者:Leah 这期内容当中小编将会给大家带来有关利用JavaScr ...

  3. 使用jquery获取指定id下面的div元素个数

    使用js获取指定id下面的div元素个数 html代码 js代码 html代码 <div id="question" > <div class="div ...

  4. ecshop调用指定ID分类下的文章列表(指定分类下的文章)

    我们先打开根目录下的article_cat.php这个文件, 在第19行      require(dirname(__FILE__) . '/includes/init.php') 这是一个加载in ...

  5. jquery查找父窗体id_JavaScript_jQuery子窗体取得父窗体元素的方法,本文实例讲述了jQuery子窗体取 - phpStudy...

    jQuery子窗体取得父窗体元素的方法 本文实例讲述了jQuery子窗体取得父窗体元素的方法.分享给大家供大家参考.具体如下: $("#父窗口元素ID",window.parent ...

  6. jquery获取父元素下的第n个子元素

    <table id="test"><tr><td>1</td><td>2</td></tr>&l ...

  7. bat递归查找指定文件_Windows下递归搜索文件及其所在目录 .bat脚本实现

    [说明] 当我们要查找文件时,在 Linux 下可以使用 find 命令很方便的递归搜索到文件名含有某一关键字的文件及其件所在位置,如 图1 所示. 图1 但在Windows 系统中却并没有这样方便的 ...

  8. bat递归查找指定文件_bat递归查找指定文件_Windows下递归搜索文件及其所在目录 .bat脚本实现...

    [说明] 当我们要查找文件时,在 Linux 下可以使用 find 命令很方便的递归搜索到文件名含有某一关键字的文件及其件所在位置,如 图1 所示. 图1 但在Windows 系统中却并没有这样方便的 ...

  9. 查找指定文件夹下、指定后缀名的文件

    描述:找出文件夾"C:\Users\12556\Desktop\all-test-jobs\all-yumh-err\"下后缀名为.txt的所有文件,每行显示一个 命令:dir C ...

  10. PHP自动查找指定文件夹下所有文件BOM和删除所有文件

    2019独角兽企业重金招聘Python工程师标准>>> <?php if (isset($_GET['dir'])){ //设置文件目录         $basedir=$_ ...

最新文章

  1. tp5 上传文件乱码问题
  2. 基于实时计算Flink版的场景解决方案demo
  3. [cocos2d-x][apk打包][Fatal signal 11][andriod]Eclipse编译Fatal signal 11报错-都是字符赋值惹的祸...
  4. java:我们对Iterator理解错了
  5. html乱码框框,springmvc+font-awesome开发出的页面显示方框乱码的解决方法
  6. 继裁员15%后 滴滴宣布本月25日开始减少员工福利
  7. oracle本地安装注意事项
  8. 出场顺序很重要下一句_孩子爱不爱你,出场顺序很重要
  9. u盘修复计算机系统,U盘启动盘修复win10系统的详细步骤
  10. 如何制作APP-微信小程序
  11. [Excel函数] SUM函数 | SUMIF函数 | SUMIFS函数
  12. 亲测,2023年私藏的免费好用的磁力网盘资源搜索网站,找资源不用愁
  13. ADOConnection 打开EXCEL
  14. python爬虫教程下载-Python网络爬虫从入门到精通 PDF 下载
  15. MascotCapsule手机游戏引擎简介
  16. ARGIS利用计算器对属性表数据进行编号
  17. 医院陪诊小程序怎么开发-医院陪诊小程序源码功能
  18. vue中获取并操作dom元素
  19. 【Linux命令】modprobe命令
  20. Chrome 创建快捷方式后在单页面打开网页内容

热门文章

  1. 学会Apache网页与安全的优化,让你的技术更加胜人一筹!(网页压缩与缓存、隐藏版本信息与配置防盗链)
  2. 深度学习AI美颜系列---美图秀秀AI美图之跨次元相机特效
  3. Seurat | 强烈建议收藏的单细胞分析标准流程(细胞周期的影响去除)(三)
  4. Flink的基础概念
  5. 41-【JS编程接口】DOM事件与事件委托
  6. win10电脑插入U盘不显示U盘盘符怎么办?
  7. 为工业机器人的学生分享一款ABB公司的机器人仿真软件
  8. Joiner.on和stream().map联合使用技巧
  9. 2007年中国搜索引擎市场调查报告
  10. 移动 ProgramData\Package Cache 文件夹