jquery - 如何在jquery中打破链接选择器

Question

我对打破jquery chaining selectors.

例如，考虑这是我的示例代码，

<script>
      $("#button1, #button2, #button3, #button4, #button5, #button6 ").show();
</script>

我想改变这种格式，

<script>
      $("#button1, #button2, 
         #button3, #button4, 
         #button5, #button6 ").show();
</script>

请帮忙。提前致谢..

score 2 · Accepted Answer

string我们向 jQuery 选择器函数传递一个。上面两个的区别在于第一个字符串格式正确，第二个字符串你必须连接它否则你会得到error. 你可以像这样连接它，

$("#button1, #button2, \
     #button3, #button4, \
     #button5, #button6 ").show();

或者

  $("#button1, #button2,"+ 
         "#button3, #button4, "+
         "#button5, #button6 ").show();

您可以为所有按钮分配一个公共class按钮并使用类选择器来显示隐藏它们。

$('.button-class').show();

如果您有问题中给出的 id 模式，则可以使用通配符开头的属性选择器。

$('[id^=button]).show();

score 1 · Accepted Answer

您可以使用连接+

$("#button1, #button2,"+ 
         "#button3, #button4, "+
         "#button5, #button6 ").show();

或使用\

$("#button1, #button2, \
   #button3, #button4, \
   #button5, #button6 ").show();

score 1 · Accepted Answer

您可以连接使用\字符的字符串以将字符串换行到下一行。

$("#button1, #button2," +
  "#button3, #button4," +
  "#button5, #button6 ").show();

或者

$("#button1, #button2, \
   #button3, #button4, \
   #button5, #button6 ").show();

score 1 · Accepted Answer

尝试这样的事情

$("#button1, " + 
    "#button2, " +
    "#button3").click(function(){
    alert("asdas");
});

4 回答 4