在jquery中选择一个选择列表

时间:2010-04-07 14:17:51

标签: jquery

我必须忽略一些非常简单的东西,但由于某种原因,我找不到任何关于此的信息而且它会不断出现......

我正在尝试在jquery中选择一个select元素。现在我不关心它的选项,我只想要选择元素。如果我有以下元素:

<select id="testSelect"><option>1</option></select>

我用jquery来选择它:

var selectElement = $("#testSelect");

我得到了选择列表中所有选项的数组,但不是select元素本身。我错过了什么?

1 个答案:

答案 0 :(得分:1)

您正在正确选择它。

var selectElement = $("#testSelect");

请记住,selectElement现在是jQuery对象而不是DOM节点。这允许您使用jQuery方法来操作它,如下所示:

selectElement.css({'background-color':'red', 'border':'1px solid'});

selectElement.hide();

selectElement.show();

如果您希望直接访问DOM节点,请使用此处概述的get方法:http://api.jquery.com/get/。因此,例如,如果您想要访问DOM节点样式属性,您可以这样做:

$('#tl_query_season').get(0).style

并获得这样的背景色:

$('#tl_query_season').get(0).style.backgroundColor

但如果你这样做,你会错过所有优秀的jQuery功能。

另请参阅:http://api.jquery.com/css/http://api.jquery.com/category/effects/