了解函数中鼠标输入链接的类
Know the class of a mouseenter link in a function
我对jquery孩子有一点问题。
我有这个代码:
<li><a href="#" class="gocinema">cinema</a></li>
<li><a href="#" class="gomusic">music</a></li>
<li><a href="#" class="gogame">game</a></li>
我尝试设置一个功能来更改悬停时链接的颜色。(我不能简单地用css做到这一点,因为它适用于菜单上的复杂网页设计。
我尝试做的是做一个函数,他说:
我是穆森特的链接的类别是什么?
如果类是那样的,那就这样做。如果类是那样的,那就这样做。
我读了很多关于jquery儿童的文章,但我不知道如何在函数中这么说。
对不起,如果不是很清楚:/谢谢
托马斯
$(document).on('mouseenter mouseleave', 'a', function () {
if ( this.className === 'gocinema' ) {
// do this
}
if ( this.className === 'gomusic' ) {
// do that
}
});
更新
如果您的链接上有多个类,您可以尝试$.fn.hasClass
:
$(document).on('mouseenter mouseleave', 'a', function () {
var $this = $(this);
if ( $this.hasClass('gocinema') ) {
// do this
}
if ( $this.hasClass('gomusic') ) {
// do that
}
});
试试这个:
$('a').mouseenter(function(){
alert($(this).attr('class'));
var classes = $(this).attr('class');
if(classes == 'whatyouwant'){
//do something
}
});
演示
如果是它的菜单,这应该是使用 jquery 的正确方法。
.HTML
<ul class="mymenu">
<li><a href="#" class="gocinema">cinema</a></li>
<li><a href="#" class="gomusic">music</a></li>
<li><a href="#" class="gogame">game</a></li>
</ul>
爪哇语
$('.mymenu a').hover(function(){
$(this).addClass('hover-style');
}, function () {
$(this).removeClass('hover-style');
});
.CSS
.hover-style{
background:red;
color:white
}
在此处查看现场演示。 http://jsfiddle.net/ruchit47/HGbrQ/
此外如果要为每个菜单项提供不同的样式。您可以通过这种方式创建样式。
.hover-style.gocinema{ background:red; }
.hover-style.gomusic{ background:blue; }
.hover-style.gogame{ background:green; }
相关文章:
- 使用用户输入修改链接
- 通过单击链接(兄弟姐妹?)从无线电输入中获取id
- 如何根据两个不同的输入动态设置链接的路径
- 从输入字段中获取值并打开一个新链接
- 在 JavaScript 中使用侦听器将输入字段链接在一起
- 为什么jQuery只在某些链接中输入函数
- 单击向输入添加文本值的链接
- 我想插入要链接的输入值
- 使用php使用href链接将输入的文本框值传递到另一个页面
- 如何在单击链接时为不同的输入字段提供不同的值
- HTML::向输入标记添加链接
- jquery单击链接并获取单选输入值以更改span中的文本
- 如何使用链接在输入框之间导航
- 如何通过Jquery点击链接添加输入
- 链接输入表单中的填充脚本
- 按钮对链接对输入类型=“;提交”;在表格上
- 如何使链接充当文件输入
- 轨道:找不到文件“提前输入.js”.直到我删除“数据涡轮链接”
- 在选择后链接输入选项
- 我如何在html链接输入文本框和下拉框