使用jquery自定义css选择框

Question

我正在使用这个脚本 http://mondaybynoon.com/2009/02/23/creating-custom-form-elements-using-jquery-selects/ 在我的页面中创建自定义CSS选择框。用于在selectbox上应用css样式的Javascript代码使用其id作为参数：

$(document).ready(function() {
 $('#cont').selectbox({debug: true});
});

<select id="cont" name="cont" tabindex="1">
<option value="1">aaa</option>
<option value="2">bbb</option>
<option value="3">ccc</option>
</select>

我可以以某种方式仅使用选择框的“名称”属性而不是“id”???这可能吗？

Answer 1

当然，要将您的选择器基于name-attribute，只需执行以下操作：

$("[name='nameHere']");

Answer 2

您可以使用属性选择器通过名称

进行选择

e.g。

$('select[name="cont"]').selectbox({debug: true});

Answer 3

你就是这样做的

$("[name='cont']");

将它与元素选择器结合使用会更快：

$("select[name='cont']");

虽然在你给出的例子中，我无法想象为什么。以下内容会快得多：

$("#cont");