热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jQuery中find()方法用法实例

这篇文章主要介绍了jQuery中find()方法用法,实例分析了find()方法的功能、定义及获取匹配元素后代元素的使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery中find()方法用法。分享给大家供大家参考。具体分析如下:

此方法获得匹配元素集合中所有元素的子元素,并通过选择器、jQuery 对象或元素删选。
find()方法是获取匹配元素后代元素的好方法。

注意:children()只获取一级子元素,而find()将查找所所有子元素。

语法结构一:

代码如下:
$(selector).find(expr)

参数列表:

参数 描述
expr 字符串值,定义筛选表达式。

实例代码:

代码如下:








 




  

我是孙子p



我是儿子p



我是兄弟p




以上代码可以将father元素下的所有p元素的字体颜色设置为红色。

语法结构二:

代码如下:
$(selector).find(element)

可以查找匹配元素下指定的元素。

参数列表:

参数 描述
element 用于匹配元素的DOM对象或者jQuery对象。

实例代码:

代码如下:













 

   

我是孙子p


 

 

我是儿子p



我是兄弟p




以上代码可以将father元素下id属性值为myp的元素的边框设置为一像素红色。

希望本文所述对大家的jQuery程序设计有所帮助。


推荐阅读
author-avatar
娱乐老爷_410
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有