Jquery实现的一种常用高亮效果示例代码_jquery

来源：动视网责编：小采时间：2020-11-27 21:19:06

Jquery实现的一种常用高亮效果示例代码_jquery

Jquery实现的一种常用高亮效果示例代码_jquery:如下所示：代码如下: jquery body { font-size: 12px; } li { list-style: none; height: 34px; padding-top: 5px; } $(document).ready(function(){ var oInputs = $(ul.demo input); oI

推荐度：

点击下载本文 文档为doc格式

导读Jquery实现的一种常用高亮效果示例代码_jquery:如下所示：代码如下: jquery body { font-size: 12px; } li { list-style: none; height: 34px; padding-top: 5px; } $(document).ready(function(){ var oInputs = $(ul.demo input); oI

如下所示：
代码如下:

jquery

$(document).ready(function(){
var oInputs = $("ul.demo input");

oInputs.each(function(i){
oInputs.eq(i).focus(function(){
oInputs.eq(i).parent().css("background-color","ccf");
}).blur(function(){
oInputs.parent().css("background-color","");
})
});

oInputs.focus(function(){
$(this).css("background-color","ff9").blur(function(){
$(this).css("background-color","");
});
})
})