我还能用什么代替 Jquery 选择器的类？ [关闭]答案

【问题标题】：What else i can use instead of class for Jquery selector? [closed]我还能用什么代替 Jquery 选择器的类？ [关闭]
【发布时间】：2011-07-21 04:21:30
【问题描述】：

对于按钮，我使用类来分配 css 类。但我必须为这些定义一个选择器。我知道我可以将类用于 jquery 选择器，但我还能使用什么以及如何使用？

它们被呈现为输入而不是按钮。

<asp:Button ID="imgBtnTurkish" onmouseover="this.style.cursor='pointer';" class="DefaultTitle" title="Turkish Spoken Chat Section" runat="server" OnClick="btnTurkishChat_Click" CausesValidation="False" />

【问题讨论】：

它们被呈现为输入而不是按钮。

标签： jquery jquery-selectors

【解决方案1】：

您可以选择许多jQuery selectors。选择按钮的一种可能性是将其包装在具有给定类的 div 元素中：

<div class="DefaultTitle">
    <asp:Button 
        ID="imgBtnTurkish" 
        onmouseover="this.style.cursor='pointer';" 
        title="Turkish Spoken Chat Section" 
        runat="server" 
        OnClick="btnTurkishChat_Click" 
        CausesValidation="False" 
    />
</div>

然后使用以下选择器：$('.DefaultTitle input')。

【讨论】：

我已经找到了，但你明白我的意思吗？
@MonsterMMORPG，我以为您正在寻找其他选择按钮而不是类选择器的方法。显然我错了。那你什么意思？
是的，你没有告诉我任何方法。我已经在看那个页面了，但找不到。如果我能够，我不会在这里问它。并且按钮在输出时呈现为输入。
@MonsterMMORPG，您没有展示您的标记的外观以及您想要选择的内容。有数百种在 HTML 中显示按钮的方法。如果它们是带有type="submit" 的输入字段，您可以像$(':submit') 一样选择它们。或者你可以将它们包裹在一些 <div class="someClass">...your button here...</div> 然后 $('.someClass :submit');。
我想选择特定的输入而不是全部。类让我通过定义来做到这一点，但由于我不能使用类标签，我需要别的东西。

【解决方案2】：

选择所有类型的按钮：

$('button, input[type=button], input[type=submit], input[type=reset]')

如果你想要一个特定的元素，你需要用一些属性指定它！

它可以是类$('.myClass')、ID $('#myId') 或任何其他属性$('input[title=myAwesomeTitle]')。

http://api.jquery.com/attribute-equals-selector/

http://api.jquery.com/attribute-contains-selector/

http://api.jquery.com/category/selectors/

【讨论】：

所以你说除了id或者class没有别的办法吗？
您可以搜索该元素的每一个属性。喜欢input[name=myname] 或input[title=myAwesomeTitle]！

【解决方案3】：

您可以同时为 HTML 元素分配一个类和一个 id，然后将类用于 CSS 并使用 id 进行选择。这是我个人比较喜欢使用的方法。

在标记中：

<input type="button" class="myButtonCssClass" id="myButton1" value="click me!" />

在javascript中：

$('#myButton1').click(function () { // do something awesome! });

【讨论】：

他们已经有了唯一的 ID。这样我就必须定义超过 30 个 $('#myButton1').click(function () { // 做一些很棒的事情！});所以不可行