Jquery 组合两个或多个功能
我有10张图片，每一张都是1-10级的。我怎样才能让函数适用于每一个类？使用class=“1”可以正常工作。只是不知道如何把它们加在一起Jquery 组合两个或多个功能,jquery,function,var,Jquery,Function,Var,我有10张图片，每一张都是1-10级的。我怎样才能让函数适用于每一个类？使用class=“1”可以正常工作。只是不知道如何把它们加在一起 <body> <div> <img src="img/13-01_basic_hover.jpg" class="1" width="220" height="184" title="huge, gigantic"> <img src="img/13-01_basic_hover.jpg" class=
<body>
<div>
<img src="img/13-01_basic_hover.jpg" class="1" width="220" height="184" title="huge, gigantic">
<img src="img/13-01_basic_hover.jpg" class="2" width="220" height="184" title="Number 2">
</div>
<div class="project"></div>
<script>
var title = $(".1, .2").attr("title");
$(".project").text(title);
$(document).ready(function () {
$(".project").fadeTo(0,0);
$(".1, .2").hover(
function () {
$(".project").stop(true).fadeTo("normal",1);
},
function () {
$(".project").fadeTo("normal",0);
}
);
});
</script>
</body>
var title=$（.1.2”）.attr（“title”）；
$（“.project”）。文本（标题）；
$（文档）.ready（函数（）{
$（“.project”）.fadeTo（0,0）；
$（“.1，.2”）。悬停(
函数（）{
$（“.project”）.stop（true）.fadeTo（“normal”，1）；
},
函数（）{
$（“.project”）.fadeTo（“正常”，0）；
}
);
});
$(".1, .2, .3, .4, .5, .6, .7, .8, .9, .10").hover(
function () {
$(".project")
.text(this.title)
.stop(true).fadeTo("normal",1);
},
function () {
$(".project").fadeTo("normal",0);
}
);
$(".grouped").hover(
function () {
$(".project")
.text(this.title)
.stop(true).fadeTo("normal",1);
},
function () {
$(".project").fadeTo("normal",0);
}
);
只需将它们添加为逗号分隔的值
$(".1, .2, .3, .4, .5, .6, .7, .8, .9, .10").hover(
function () {
$(".project")
.text(this.title)
.stop(true).fadeTo("normal",1);
},
function () {
$(".project").fadeTo("normal",0);
}
);
$(".grouped").hover(
function () {
$(".project")
.text(this.title)
.stop(true).fadeTo("normal",1);
},
function () {
$(".project").fadeTo("normal",0);
}
);
以数字开头的类名无效。你应该改变这个
类名通常用于选择项目组。只需为所有项目添加第二个类名，并使用该类名而不是
。1类名通常用于选择项目组。只需为所有项目添加第二个类名，并使用该类名而不是
.1