13518219792
这篇文章主要介绍了jquery怎么给类添加事件的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery怎么给类添加事件文章都会有所收获，下面我们一起来看看吧。
专注于为中小企业提供成都做网站、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业路北免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
jquery可以通过选择器选择一类的标签集合。然后通过$（this）指向当前对象。
$（"#ul li"）这个可以获取id为ul下的所有的li 当鼠标经过某个li是使用$（this）表示当前的li对象在进行操作。
每个li都添加mouseover可以理解为 每个li都触发mouseover事件。
例如：
123
$（"#ul li"）。mouseover（function（）{//jquery的mouseover事件
alert（$（this）。index（））;//弹出每个li的的位置
//这样就能实现每个li都绑定mouseover事件
}）;
这应该是简单的滑动门效果。
HTML的结构估计就是你这样了，左边是列表，右边是div组。
其实，你只要明白，左边的列表和右边的div组都是有索引值（index）的。然后通过一个变量来控制就可以了，这样这个变量即可以给左边的列表用，也可以给右边的按钮用。var int=0; //初始化一个变量
//定义一个函数，用来隐藏显示右侧的div和控制左侧的列表
function divShow（int）{
$（'#right .item'）。hide（）。eq（int）。show（）;
$（'#left li'）。removeClass（'current'）。eq（int）。addClass（'current'）;
}
我们需要给左侧的列表添加事件；$（'#left li'）。bind（{
'mouseover' : function（）{
//获取当前元素的索引值
int=$（this）。index（）;
//执行函数，这里会显示右侧的第一个div元素
divShow（int）;
},
'mouseout' : function（）{
//鼠标划开时的操作
//int=0;
//divShow（int）;
}
}）;
侧边的按钮也是一样//上翻
$（'#prev'）。bind（{
'click' : function（）{
//这里要使用判断
if（int <=0）{
//这里的个数可以拿到外面定义；
int=（$（'#right .item'）。length-1）;
}else{
int=（int-1）;
};
int=int;
}
}）;
//下翻
$（'#next'）。bind（{
'click' : function（）{
//这里要使用判断
if（int >=（$（'#right .item'）。length-1））{
//这里的个数可以拿到外面定义；
int=0;
}else{
int=（int+1）;
};
int=int;
}
}）;
关于“jquery怎么给类添加事件”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“jquery怎么给类添加事件”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。
