23、jQuery常见任务：链接控制与新窗口操作

jQuery常见任务：链接控制与新窗口操作

在网页开发中，链接和窗口的操作是非常常见且重要的部分。合理地控制链接的行为以及灵活地处理新窗口的打开，能够极大地提升用户体验。下面将详细介绍如何使用jQuery来实现这些功能。

图片画廊中的链接控制

在图片画廊的开发中，当用户点击缩略图时，我们希望显示对应的大图，而不是直接跳转到图片页面。以下是实现这一功能的代码：

 1   $('#gallery a').click(function(evt) {
 2     evt.preventDefault();
 3     var imgPath = $(this).attr('href');
 4     var oldImage = $('#photo img');
 5     var newImage = $('<img src="' + imgPath + '">');
 6     newImage.hide();
 7     $('#photo').prepend(newImage);
 8     newImage.fadeIn(1000);
 9     oldImage.fadeOut(1000,function(){
10       $(this).remove();
11     }); // end fadeout
12   }); // end click
13  $('#gallery a:first').click();

代码解释：
1. 阻止默认行为 ： evt.preve