本文主要介绍了find()方法在jQuery中的用法,并结合实例分析了find()方法的作用和定义,以及获取匹配元素的后代元素的技巧。有需要的可以参考一下。
本文演示了在jQuery中使用find()方法。分享给你,供你参考。具体分析如下:
该方法获取匹配元素集中所有元素的子元素,并通过选择器、jQuery对象或元素删除它们。
find()方法是获取匹配元素的后代的好方法。
注意:children()只获取一级子元素,而find()将查找所所有子元素。
语法1:
复制代码如下:$(选择器)。查找(表达式)
参数列表:
参数
形容
expr
定义筛选器表达式的字符串值。
实例代码:
复制代码如下:
!文档类型html
超文本标记语言
头
meta charset=' utf-8 '
meta name=' author ' content=' https://www . jb51 . net/'/
Titlechildren()函数-we /title
脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1 . 8 . 3 . js '/script
脚本类型='文本/javascript '
$(文档)。ready(function(){
$('.父亲)。查找(' p ')。css('颜色','红色');
})
/脚本
/头
身体
div class='父亲'
div class='儿童'
我是孙子
/div
我是我的儿子p/p
/div
我是哥哥p/p
/body
/html
上面的代码可以将父元素下所有P元素的字体颜色设置为红色。
语法结构2:
复制代码如下:$(选择器)。查找(元素)
您可以找到在匹配元素下指定的元素。
参数列表:
参数
形容
元素
用于匹配元素的DOM对象或jQuery对象。
实例代码:
复制代码如下:
!文档类型html
超文本标记语言
头
meta charset=' utf-8 '
meta name=' author ' content=' https://www . jb51 . net/'/
Title()函数-we /title
style type='text/css '。父亲{
高度:200px
宽度:200px
边框:1px纯蓝;
}
/风格
脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1 . 8 . 3 . js '/script
脚本类型='文本/javascript '
$(文档)。ready(function(){
$('.父亲)。find(document . getelementbyid(' myp '))。css('边框',' 1px纯红');
})
/脚本
/头
身体
div class='父亲'
div class='儿童'
我是一个孙子
/div
我是我的儿子p/p
/div
我是哥哥p/p
/body
/html
上面的代码可以将父元素下id属性值为myp的元素的边框设置为一个像素红色。
希望这篇文章对大家的jQuery编程有所帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。