<span></span>

<nav>

<a href="#">泸沽湖</a>

<a href="#">丽江古城</a>

<a href="#">茶马古道</a>

<a href="#">就这家·云逸客栈</a>

<a href="#">西双版纳</a>

<a href="#">云南红酒庄</a>

<a href="#">轿子雪山</a>

<a href="#">普者黑</a>

<a href="#">海埂大坝</a>

<a href="#">玉龙湾</a>

<a href="#">昆明郊野公园</a>

<a href="#">欧洲风琴小镇</a>

</nav>

<div>

<img src="./相册小项目/images/1.jpg">

<img src="./相册小项目/images/2.jpg">

<img src="./相册小项目/images/3.jpg">

<img src="./相册小项目/images/4.jpg">

<img src="./相册小项目/images/5.jpg">

<img src="./相册小项目/images/6.jpg">

<img src="./相册小项目/images/7.jpg">

<img src="./相册小项目/images/8.jpg">

<img src="./相册小项目/images/9.jpg">

<img src="./相册小项目/images/10.jpg">

<img src="./相册小项目/images/11.jpg">

<img src="./相册小项目/images/12.jpg">

</div>

<script>

// 鼠标单击：

// $('a').click(function() {

//     $('img').eq($(this).index()).css({

//         'opacity' : '1'

//     }).siblings().css({

//         'opacity' : '0'

//     });

// });

// 鼠标双击：

$('a').dblclick(function() {

console.log($(this));

$('img').eq($(this).index()).css({

'opactiy' : '1'

}).siblings().css({

'opactiy' : '0'

});

});

为什么单击事件好用，而双击事件好用，文件都正确引入