我该如何定位<a> in jQuery</a>

时间:2012-09-28 23:36:29

标签: jquery focus jquery-hover

继承我的jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script>
$('div.description a').focus(function(e){
    alert('asas');
});
我试图抓住这个小家伙。

<body style="margin:0; text-align:center">

<div id="container">

    <div id="contentArea">
        <div class="cell">
            <a href="#"><img  class="gray" src="../images/kci.png" /></a>
        </div>
        <div class="cell">
            <a href="#"><img class="gray" src="../images/ksw.png" /></a>
        </div>
        <div class="cell">
            <a href="#"><img class="gray" src="../images/amc.png" /></a>
        </div>
        <div class="cell">
            <a href="#"><img class="gray" src="../images/cab.png" /></a>
        </div>


        <div class="description">
            <a href="">flyKCI.com</a>
        </div>

    THISS GUYY ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

        <div class="description">
            <a href="">Kansas Speedway</a>
        </div>
    </div>

</div>

我想用类别描述定位所有标签,然后在它悬停时拍出警告..或者它是否专注于?两者任一。不管。

3 个答案:

答案 0 :(得分:3)

  

它是悬停在...还是专注于?

on mouseover

$('div.description a').on('mouseover', function(){
    alert('asas');
});

修改

它无法正常工作,因为您必须在文档就绪或标记之后加载它。

$(function(){
 //your script
})

答案 1 :(得分:0)

$("div.description a").mouseover(function() { alert('asas'); });

将在鼠标悬停时发出警报。

答案 2 :(得分:0)

以下是如何使用悬停方法的示例:

$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);

其中第一个函数是mouseenter事件的处理程序,第二个函数是鼠标离开事件。