单击Jquery中的事件未触发

时间:2014-05-26 08:50:01

标签: jquery html

我在HTML中有一个列表标签,就像这样...

<li><a id="teams" class="first" href="#"</a></li>

现在按照我的要求,我想在这个锚链接上发出一个click事件。这是我正在尝试的代码,但点击事件没有被解雇..

      $(document).ready(function () {

            $("teams").click(function(event) {
                  alert("hello");
            });     

        });

这是Demo Fiddle .. Fiddle

请告诉我我错在哪里..提前谢谢..

5 个答案:

答案 0 :(得分:2)

您认为id selector的选择器是错误的。请参阅here以了解有关jquery选择器的更多信息。

尝试,

  $("#teams").click(function(event) {
     alert("hello");
  });  

DEMO

答案 1 :(得分:2)

访问id时使用#。访问class时使用.

这是你的小提琴:http://jsfiddle.net/qax4t/2/

答案 2 :(得分:1)

您的选择器不正确。您应该使用ID选择器#

$("#teams").click(function(event) {
              alert("hello");
        });     

或使用类选择器:

$("a.first").click(function(event) {
              alert("hello");
        });     

<强> Demo

答案 3 :(得分:0)

如果您想使用id selector,则必须在选择器前加#

  

描述:选择具有给定id属性的单个元素。

代码:

$("#teams").click(function(event) {
    alert("hello");
});  

演示:http://jsfiddle.net/IrvinDominin/8xJRe/

旁注,您的<a>元素标记格式不正确。

答案 4 :(得分:0)

要访问ID,请使用&#39;#&#39;像这样:

                 ('#team').click(function(){
                     //code here
                 })

访问课程时使用&#39;。&#39;像这样

                  ('.team').click(function(){
                     //code here
                 })