$( function () {
var $div_li = $( "ul li" );
$div_li.click( function () {
$(this).removeClass('hover')
$( this ).addClass( "selected" )
.siblings().removeClass( "selected" );
} ).hover( function () {
if($(this).hasClass('selected')) return;
$( this ).addClass( "hover" );
}, function () {
$( this ).removeClass( "hover" );
} )
} )
var $div_li = $( "ul li" );
$div_li.click( function () {
$(this).removeClass('hover')
$( this ).addClass( "selected" )
.siblings().removeClass( "selected" );
} ).hover( function () {
if($(this).hasClass('selected')) return;
$( this ).addClass( "hover" );
}, function () {
$( this ).removeClass( "hover" );
} )
} )
解决方案 »
- 用jquery实现树
- 问一个jQuery的问题,代码应该没问题,我直接从案例上粘贴的,不过就是报错
- 像QQ,天涯论坛等注册时验证全是用的JS吗?
- 没太理解jquery中的get()和eq之间的区别,谢谢
- 如何从网页中 跳出一个小窗口,这个窗口是不可见的隐含窗口,用来播放音乐,如何作到??
- 需要IE6.0 SP1英文完整安装版
- [请问]在页面上如何得到text1的回车,而跳到另一个text2,
- 如何在ie中打开一个全屏的无滚动条的自已
- 急求大神解答 Jqery 动态生成的checkbox 怎么实现单选
- JavaScript中new function后.里面的函数使用this时候是不是函数所在的this而是另外一个对象的问题
- 45分,我的全部分:css选择器,如何得到文本内容
- 请帮忙一下将js转换成 juqery,需要用的,精简的必要转换。
说我贴的代码,你的意思是我定义的CSS
li{ list-style-type: none; width:100px;cursor:pointer; }
li.selected{ color: #ffffff; background-color: black; }
li.hover { background-color: #dfdfdf; }
因为li.hover定义在后面,它覆盖了 li.selected{ color: #ffffff; background-color: black; }是吗?
也就是说它做了addClass("selected")和addClass("hover') , 问题是,我的代码和书上仅有的不一样是
它的css li.hover 在前,li.selected在后,而我的li.slected在后,li.hover在前
$( function () {
var $div_li = $( "ul li" );
$div_li.click( function () {
$( this ).addClass( "selected" )
.siblings().removeClass( "selected" );
} ).hover( function () {
$( this ).addClass( "hover" );
}, function () {
$( this ).removeClass( "hover" );
} )
} )
1当鼠标 hover在li上的时候变灰色,
2.当li被click后,li变黑色.表示li被选中
3当li被选中,同时鼠标在上面hover着的时候,这时要是选中色(也就是黑色),不能再被hover给弄成灰的了!
没选中 没选中+(鼠标hove)选中 选中+(鼠标hove)
应该是4种状态 何必节省这么一行css呢
这个顺序 我觉得 就算有 也不要依赖
为什么? 含义太晦涩了