提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Javascript

当前栏目

jquery遍历find()方法如何使用

jQuery
2023-03-15 23:17:14 时间

jquery遍历find()方法如何使用

在jquery遍历方法中，如果想要获取匹配元素后代元素，可以使用find()方法。find()方法用于遍历查找十分方便，通过选择器、jQuery 对象或元素删选，用find("*")来获取所有下面的子元素。本文介绍jquery遍历方法find()方法的使用。

1、find()方法

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

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

2、使用语法

$('li.item-ii').find( 必填参数 )

3、使用参数（必须）

可以为属性的class名（class=“XXX”）

元素名（<p>元素）

jQuery的选择器参数：.find('li')、.find( $('li') )等，find（）找到的是所选元素下面的子孙元素。

4、使用实例

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
  <p><span>Hello</span>, how are you?</p>
  <p>Me? I'm <span>good</span>.</p>
<script>
  $("p").find("span").css('color','red');
</script>
</body>
</html>

以上就是jquery遍历find()方法使用介绍，需要注意的是直接find()是不能取到任何数据的，必须用find("*")来获取所有下面的子元素哦~更多JavaScript学习推荐：JavaScript教程。

python实战已经更新可以点击了解~

相关文章