jquery一个元素的多个选择器

Question

我的目标是影响具有相同功能的不同变体的一个元素。我使用过id，class和a，但这似乎是一种非常难看的方式，我最终会达到选择器的极限。我的代码如下所示，我希望有一种更优雅的方式来实现这一点，只需更少的方法来影响页面上的一个元素。

编辑：下面只是代码的选择器部分。一个元素不能有多个id或类，所以我如何添加10个单独的方法来引用相同的元素，所以我可以同时使用它做10个不同的东西？

            <script>
            $(document).ready(function()
                    { 

            $('a[title]').qtip({ (...)
});


            $('#tooltip2').qtip({ (...)
});

            $('.myclass').qtip({ (...)
});

Answer 1

每次只使用相同的选择器......

$('#tooltip2')

每次做与元素不同的事情时，都没有理由需要使用不同的选择器。选择器只是一种在DOM中识别所需元素的方法。

---

您已更新问题。在最初的问题中，使用的每个选择器都指的是相同的元素。

您已添加...

  

“一个元素不能有多个id或类......”

元素可以有多个类。

  

“ ...所以我如何添加10种不同的方式来引用相同的元素......”

如果您确实选择了相同的元素，则无需使用不同的方法来选择相同的元素。

  

“ ...所以我可以同时用它做10件不同的事情”

你如何选择它实际上与你对它的所作所为没什么关系。如果有10个不同的人想与您交谈，他们每个人都需要用不同的名字给您打电话吗？选择器只是指定您要定位的元素的一种方式。

---

如果您确实需要以多种方式使用它，最好选择一次，并缓存选择...

var tt2 = $('#tooltip2');

tt2.qtip(...);

tt2.qtip(...);

tt2.qtip(...);

这是因为DOM选择是一项相当昂贵的操作。最好不要在不必要时重复这样做。