jquery – 为一个事件分配多个类

前端之家收集整理的这篇文章主要介绍了jquery – 为一个事件分配多个类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个点击事件,我想分配给超过类。这是因为我在应用程序的不同地方使用此事件,并且您点击的按钮在不同的地方有不同的样式。

我想要的是像$(‘。tag”.tag2’),这当然不工作。

  1. $('.tag').click(function (){
  2. if ($(this).hasClass('clickedTag')){
  3. // code here
  4. }
  5.  
  6. else {
  7. // and here
  8. }
  9. });

解决方法

方法#1
  1. function doSomething(){
  2. if ($(this).hasClass('clickedTag')){
  3. // code here
  4. }
  5. else {
  6. // and here
  7. }
  8. }
  9.  
  10. $('.tag1').click(doSomething);
  11. $('.tag2').click(doSomething);
  12.  
  13. // or,simplifying further
  14. $(".tag1,.tag2").click(doSomething);

方法#2

这也将工作:

  1. $(".tag1,.tag2").click(function(){
  2. alert("clicked");
  3. });​

Fiddle

我喜欢一个单独的函数(方法#1)如果有机会逻辑将被重用。

另请参见How can I select an element with multiple classes?用于处理同一项目上的多个类。

猜你在找的jQuery相关文章