jQuery中元素选择器（element）简单用法示例

关于jQuery中元素选择器的用法，我们可以从以下几个方面来讲解。

元素选择器概览

在jQuery中，元素选择器可以使我们更加简洁方便地选取DOM中的元素。它通过标签名限制选取的范围，可以选取特定类型的HTML元素。比如，我们可以使用以下代码选择所有的段落元素：

$('p');

元素选择器示例1：选取多个元素

为了更好地理解，我们可以利用一个示例演示元素选择器的基本用法。假设我们现在有以下的HTML代码：

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

我们想要选取所有的列表项（即<li>元素），并将它们的文字颜色设为红色。可以使用以下代码实现：

$('li').css('color','red');

这里$('li')就是利用元素选择器选取了所有的<li>元素，然后使用jQuery的.css()方法把文字颜色设为红色。

元素选择器示例2：选取子元素

我们可以利用jQuery中的元素选择器，只选取DOM中的某些子元素。比如，在以下的HTML代码中，我们只想选取<ul>元素下的所有子元素：

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <div>
    <p>some content</p>
  </div>
</ul>

可以使用以下代码实现：

$('ul > *').css('font-weight','bold');

这里的>符号表示子元素，*表示任何元素。所以，我们选取了所有作为<ul>子元素的元素，并把它们的文字加粗显示。

以上是元素选择器的两个示例，它们展示了元素选择器的基本语法和用法。当然，元素选择器的用法还有很多，具体可以根据需要灵活运用。