如何从jQuery选择器中获得一个DOM元素

从jQuery选择器中获取一个DOM元素的完整攻略如下：

步骤1：使用jQuery选择器获取DOM元素的jQuery对象

使用jQuery选择器获取要获取的DOM元素的jQuery对象。例如，要获取ID为myElement的DOM元素，可以使用下面的代码：

var myElement = $('#myElement');

步骤2：从jQuery对象中获取DOM元素

从jQuery对象中获取DOM元素，使用get方法，该方法接受一个整数参数表示要获取的DOM元素的索引。例如，要获取第一个DOM元素，可以使用下面的代码：

var firstElement = myElement.get(0);

或者，可以使用下标运算符（[]）来获取同样效果的结果。例如，要获取第一个DOM元素，可以使用下面的代码：

var firstElement = myElement[0];

注意：虽然可以通过数组下标获取DOM元素，但应尽可能使用get方法来避免一些意外情况，如访问不存在的元素时的报错。

示例1：获取文本框的DOM元素对象

<input type="text" id="myInput" />

// 获取文本框的jQuery对象
var myInput = $('#myInput');

// 从jQuery对象中获取DOM元素
var inputElement = myInput.get(0);

// 或者使用下标运算符获取DOM元素
var inputElement = myInput[0];

上述代码中，先通过ID选择器获取文本框的jQuery对象，然后从该对象中获取文本框的DOM元素对象。

示例2：获取下拉框的DOM元素对象

<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

// 获取下拉框的jQuery对象
var mySelect = $('#mySelect');

// 从jQuery对象中获取DOM元素
var selectElement = mySelect.get(0);

// 或者使用下标运算符获取DOM元素
var selectElement = mySelect[0];

上述代码中，先通过ID选择器获取下拉框的jQuery对象，然后从该对象中获取下拉框的DOM元素对象。