jquery中如何获取当前DOM对象里的子元素_框架

jquery中获取当前dom元素的子元素的方法有很多，常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

工具原料：jQuery、编辑器、浏览器

一、使用children()方法获得子元素

1、使用该方法获取子元素并设置子元素的字体为蓝色，代码如下：

<!DOCTYPE html>

<html>

<head>

<style>

body { font-size:16px; font-weight:bolder; }

p { margin:5px 0; }

</style>

</head>

<body>

<div>

<span>Hello</span>

<p class="selected">Hello Again</p>

<div class="selected">And Again</div>

</div>

</body>

</html>

2、运行的效果如下图：

二、使用find()方法获取子元素

1、使用fand()方法获取子元素并且进行选择器的筛选，代码如下图：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p><span>Hello</span>, how are you</p>

$("p")find("span")css('color','red');

</script>

</body>

</html>

2、运行的结果如下图：

1、<HTML>,表示该文件为HTML文件。

2、<HEAD>,包含文件的标题,使用的脚本,样式定义等。

3、<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中 </HEAD>,<HEAD>的结束标志。

4、<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示 </BODY><BODY>的结束标志 </HTML>,<HTML>的结束标志。

5、其它主要标签,以下所有标志用在<BODY></BODY>中: <A,HREF="…"></A>,链接标志,"…"为链接的文件地址 <IMG,SRC="…">,显示标志,"…"为的地址， <BR>,换行标志 <P>,分段标志

6、<B></B>,采用黑体字 <I></I>,采用斜体字 <HR>,水平画线

7、<TABLE></TABLE>,定义表格,HTML中重要的标志 <TR></TR>,定义表格的行,用在<TABLE></TABLE>中 <TD></TD>,定义表格的单元格,用在<TR></TR>中 <FONT></FONT>,字体样式标志。

标签属性属性描述ACCESSKEYaccessKey设置或获取对象的快捷键。ALIGNalign设置或获取对象相对于显示或表格的排列方式。ATOMICSELECTION指定元素及其内容是否可以一不可见单位统一选择。BEGINbegin设置或获取时间线在该元素上播放前的延迟时间。canHaveHTML获取表明对象是否可以包含丰富的 HTML 标签的值。CLASSclassName设置或获取对象的类。COLORcolor设置或获取该对象要使用的颜色。disabled获取表明用户是否可与该对象交互的值。ENDend设置或获取表明元素结束时间的值，或者元素设置为重复的简单持续终止时间。firstChild获取对象的 childNodes 集合的第一个子对象的引用。hasMedia获取一个表明元素是否为 HTML+TIME 媒体元素的 Boolean 值。HIDEFOCUShideFocus设置或获取表明对象是否显式标明焦点的值。IDid获取标识对象的字符串。isContentEditable获取表明用户是否可编辑对象内容的值。isDisabled获取表明用户是否可与该对象交互的值。isMultiLine获取表明对象的内容是包含一行还是多行的值。isTextEdit获取是否可使用该对象创建一个 TextRange 对象

<div>

<p></p>

</div>

如这个结构，div就是p的父对象，通常称为父节点；

p和a就是div的子节点；

span是a的子节点；

span是div的孙子节点；

你可以想象成父亲——儿子——孙子的关系

以上就是关于jquery中如何获取当前DOM对象里的子元素全部的内容，包括:jquery中如何获取当前DOM对象里的子元素、HTML标签有什么作用、html中的父对象到底是什么等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/10173606.html

jquery中如何获取当前DOM对象里的子元素

发表评论

评论列表（0条）