使用jquery获取某DIV的子元素，通常有以下两种方法：
子元素选择器（>），例如 $("div>img") 获取div下的img子元素；
遍历函数children()，例如 $("div").children("img") 同样是获取div下的img子元素。
如果想要获取DIV下的不仅是子元素，而且还包括其他后代元素（孙辈、曾孙辈元素...），那么，相应的两种方法是：
后代元素选择器（空格），例如 $("div img") 获取div下的所有级别的img后代元素；
遍历函数find()，例如 $("div").find("img") 获取div下的所有级别的ing后代子元素。
分享到：
相关推荐
jQuery还引入了层次选择器，如`$("parent > child")`用于选取父元素下直接的子元素，`$("ancestor descendant")`选取所有祖先元素下的后代元素。这对于在复杂的DOM结构中定位元素非常有用。 除此之外，jQuery提供了...
值得注意的是，children()只考虑直接子元素，不会继续向下查找更深层次的后代元素。 接下来，我们介绍find()方法。与children()不同，find()方法可以获取指定元素下的所有后代元素，包括子元素、孙元素等，直到最后...
在jQuery中，子元素和后代元素是两个重要的概念，它们在选择器的使用上有明显的差异。为了更好地理解这两者的区别，我们首先需要了解它们在DOM结构中的定义。 后代元素指的是某一元素的子元素以及子元素的子元素，...
- **后代选择器**：通过空格来选取后代元素，例如`$('div span')`选取所有`<div>`元素内的`<span>`元素。 - **子选择器**：通过`>`来选取直接子元素，例如`$('div > span')`选取`<div>`元素的直接子元素`<span>`。 -...
在jQuery中，选择器分为多种类型，包括基础选择器、类别选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。 1. **基础选择器**：主要包括`$()`，用于选取一个或多个DOM元素...
1. **后代选择器**: 使用空格分隔两个选择器，如`$("div p")`选取`<div>`内的所有`<p>`元素。 2. **子元素选择器**: 使用`>`符号，如`$("div > p")`选取`<div>`的直接子元素`<p>`。 3. **相邻兄弟选择器**: 使用`+`...
使用空格来选取某个元素的后代元素。例如，`$("div p")`会选择所有在`div`元素内的`p`元素。 5. **子元素选择器 (>)** 使用大于号`>`来选取某个元素的直接子元素。例如，`$("ul > li")`会选择所有`ul`元素下的...
33. **原生对象的后代元素**：`$("后代选择器",原生对象)` —— 选取原生对象的后代元素。 #### 四、事件绑定与页面加载 **注册事件**： - `$(“对象”).事件名(function(){/* 事件处理代码 */})` —— 绑定事件...
- `ancestor descendant`：选取祖先元素内的后代元素，如`$(".bgRed div")`选取所有`.bgRed`类元素内的`<div>`。 - `parent > child`：选取父元素的直接子元素，`$(".myList>li")`选取所有`.myList`类元素的直接子...
5. **`.find()`**：在匹配元素的后代中寻找指定的选择器。 ### 三、DOM操作 jQuery简化了DOM操作，包括添加、删除和修改元素： 1. **`.append()`**：在每个匹配元素的末尾插入内容。 2. **`.prepend()`**：在每个...
2. **后代元素选择器（空格）**：选取所有后代元素，不限于直接子元素，例如`$("form input")`选取`<form>`元素内所有的`<input>`元素。 3. **紧邻同辈元素选择器（+）**：选取紧接在目标元素之后的同辈元素，例如`...
5. `delegate()`：向匹配元素的后代元素附加事件处理器（已废弃，可使用 `on()` 替代）。 6. `on()`：用于事件绑定，可以绑定到当前或未来元素。 **动画与效果** jQuery 的动画效果库包括： 1. `fadeIn()`, `...
其中，子元素一定是后代元素，但后代元素不一定是子元素，一个元素之上的所有元素都是该元素的祖先元素，而父元素一定是祖先元素。 再者，笔记中提到了JavaScript变量的特性，任何类型的变量都可以存储在JS变量中。...
- **后代选择器**：`$('parent > child')` 选取 `parent` 元素的所有直接子元素 `child`。 - **子元素选择器**：`$('parent > .child')` 选取 `parent` 下所有类名为 `.child` 的子元素。 - **相邻同胞选择器**：...
jQuery的选择器类似于CSS，用于选取DOM（文档对象模型）中的元素。在本例中，可能使用了如`$("#id")`、`$(".class")`或`$("tagname")`等选择器来选取特定的表单元素。 2. **复制元素**： 使用`.clone()`方法可以...
1. `$("ancestor descendant")`：选取所有祖先元素下的后代元素。 2. `$("parent > child")`：直系子元素选择器，选取父元素的所有直接子元素。 3. `$("prev + next")`：相邻兄弟选择器，选取紧接在prev元素之后的...
- `$(“ancestor descendant”)`：选取所有后代元素。 - `$(“parent>child”)`：选取直接子元素。 - `$(“prev+next”)`：选取相邻兄弟元素。 - `$(“prev~siblings”)`：选取后续兄弟元素。 **过滤选择器** 提供...