jquery - JQuery：是否可以设置标签样式以在点击时更改？

Answer 1

根据您问题中的标记，您需要引用容器的类而不是其 id，因为它没有。

如果你想点击一下：

$('.mainmenu a').click(function() {
            $('li', this).addClass("menupressed");
});

如果在鼠标按下时：

$('.mainmenu a').mousedown(function() {
    $('li', this).addClass("menupressed");
});

Answer 2

标记无效，您不应该用内联元素包装块元素。

     <div class="content">
          <ul class="mainmenu">
              <li><a href="page1.html">Page1</a></li>
              <li><a href="page2.html">Page2</a></li>
              <li><a href="page3.html">Page3</a></li>
          </ul>    
      </div><!--content--> 

您也正在使用 id 选择器选择一个类，试试这个：

$(function() {

//MOUSE CLICK EVENTS
$('.mainmenu a').click(function() {
     $(this).addClass("menupressed");
})

});//END ONLOAD

http://jsfiddle.net/KLjH3/1/

Answer 3

假设一个标记

<ul><li><a></li>...</ul>

$(function() {
  $('#mainmenu a').on('click', function() {
     $(this).parent().addClass("menupressed");
  });
});

Answer 4

Answer 5

要将点击添加到您的特定<a>元素，只需丢失内部选择器：

$('#mainmenu a').click(function() {
  this.addClass('menupressed');
});

如果需要将该类添加到下一个<li>父元素：

$('#mainmenu a').click(function() {
  this.closest('li').addClass('menupressed');
});

这使用的.closest()方法，在这里找到：http: //api.jquery.com/closest/

Answer 6

如果保持 3 秒，这将增加课程。

编辑为与班级一起工作

var hammertime=0;
$('.mainmenu a').bind('mousedown',function() {
    hammertime= window.setTimeout((function(elem){
     return function(){
        elem.addClass("menupressed");
     }
   })($(this).children('li')),3000) // Edit: If li is child, then use children('li')
})
.bind('mouseup',function() {
     window.clearTimeout(hammertime);
})

编辑：

还要确保将整个内容包装在其中，以便在加载时执行：

$(document).ready(function(){
   /* the code here */
});

Answer 7

当链接变为活动状态时，您可以使用 CSS 更改链接的样式

在此处查看示例：http ://www.w3schools.com/css/tryit.asp?filename=trycss_link

a:link {color:#FF0000;}    /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;}   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

所以 a:active 是你需要做的事情。所有需要做的造型都可以放在那里。