jQuery中find()方法用法实例_jquery中find的用法

find

find函数

107 浏览量更新于2023-05-04 评论收藏 38KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

jQuery中中find()方法用法实例方法用法实例

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

此方法获得匹配元素集合中所有元素的子元素，并通过选择器、jQuery 对象或元素删选。

find()方法是获取匹配元素后代元素的好方法。

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

语法结构一语法结构一:

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

参数列表参数列表:

参数

描述

expr

字符串值，定义筛选表达式。

实例代码实例代码:

代码如下:

<!DOCTYPE html>

<html>

<head>

<title>children()函数-软件开发网</title>

$(document).ready(function(){

$(“.father”).find(“p”).css(“color”,”red”);

})

</script>

</head>

<body>

<p>我是孙子p</p>

</div>

<p>我是儿子p</p>

</div>

<p>我是兄弟p</p>

</body>

</html>

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

语法结构二语法结构二:

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

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

参数列表参数列表:

参数

描述

element

用于匹配元素的DOM对象或者jQuery对象。

实例代码实例代码:

代码如下:

<!DOCTYPE html>

<html>

<head>

<title>find()函数-软件开发网</title>

.father{

height:200px;

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38519387

粉丝: 3
资源: 931

会员权益专享

jQuery中find()方法用法实例

评论0

会员权益专享

最新资源

jQuery中find()方法用法实例

评论0

Jquery中find与each方法用法实例

jquery中filter方法用法实例分析

jQuery中Find选择器用法示例

jquery中find的用法

jquery中的find方法

原生js有没有类似jquery .find方法

jquery.find方法选择一个元素的子元素的标签

jquery中find和children

jquery中find

jquery中find()查找选择器

html事件委托原理,JQuery事件委托原理与用法实例分析

jquery animate方法实例

steps jquery的方法的用法

jquery的find复选框

jQuery设置样式类方法实例

jquery find的效率

jQuery EasyUI window窗口使用实例

jquery中each方法

jquery中ready方法

jquery中this的用法

会员权益专享

最新资源