Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
可以使用 jQuery 的子选择器（Child Selector）或 find() 方法来获取子元素。
- 子选择器（Child Selector）：
使用父元素的选择器和 '>' 符号来选取该父元素的子元素。
例如：选取 id 为 'parent' 的元素内所有 class 为 'child' 的直接子元素。
$('#parent > .child')
- find() 方法：
使用 jQuery 的 find() 方法来选取指定父元素内的子元素。
例如：选取 id 为 'parent' 的元素内所有 class 为 'child' 的子元素。
$('#parent').find('.child')
注意：在查找子元素时，要注意查找的范围，避免误操作和影响性能。
可以使用JavaScript来找到所有HTML select标记的选中项。你可以按照以下步骤：
- 获取所有的HTML select标记；
- 遍历所有HTML select标记；
- 获取当前HTML select标记的选中项；
- 将选中项存储在数组中。
以下是一个示例代码：
var selectTags = document.getElementsByTagName('select'); var selectedItems = []; for(var i=0; i<selectTags.length; i++) { var selectedItem = selectTags[i].options[selectTags[i].selectedIndex]; selectedItems.push(selectedItem); } console.log(selectedItems);
在这个示例中，我们首先使用getElementsByTagName()方法获取所有的HTML select标记。然后，我们遍历每个标记，并使用其索引值来获取它的选中项。最后，我们将选中项添加到数组中，并将整个数组输出到控制台。
在 jQuery 中，ID 选择器和 class 选择器都是用来选择元素的属性。它们之间的主要区别在于如何匹配元素。
ID 选择器使用元素的唯一标识符来匹配元素。这意味着只有一个元素可以具有给定的 ID，并且 ID 选择器可以快速精确地定位到该元素。例如，使用 $('#myElement') 将只选择具有 ID 为“myElement”的单个元素。
Class 选择器使用元素的 class 属性来匹配元素。每个元素可以具有多个 class，因此同一 class 名称可以用于多个元素。因此，如果您要选择多个元素，则使用 class 选择器更方便。例如，使用 $('.myClass') 将选择具有 class 为“myClass”的所有元素。
总的来说，ID 选择器非常适合定位特定元素，而 class 选择器则更适合选择多个元素。