jQuery是一款流行的JavaScript库，它被广泛地应用于web开发中，其中旅游网站也是其应用的一个方向。现在我们就来看看jQuery在旅游网站设计中的应用。

首先，通过jQuery的选择器进行DOM元素获取和操作是十分方便的。比如，我们可以使用以下的代码来实现网页菜单的下拉效果：

$(document).ready(function(){
    $(".menu > li").hover(function(){
        $(this).children(".sub-menu").slideDown(200);
    },function(){
        $(this).children(".sub-menu").slideUp(200);
    });
});

这段代码首先使用了document的ready事件，确保所有DOM元素都已经加载完成。然后，通过选择器选中了所有菜单项，添加了hover事件，当鼠标悬停在菜单上时，通过jQuery的动画效果slideDown展现子菜单，当鼠标离开时，使用slideUp隐藏子菜单。

另外，在设计旅游网站时，地图也是一个重要的元素。使用jQuery的google maps插件可以轻松地实现地图的添加和操作。下面这段代码展示了如何通过插件将地图添加到网页中，并根据用户的位置，自动定位到当地景点附近：

$(document).ready(function(){
    var mapDiv = $("#map")[0];
    var map = new google.maps.Map(mapDiv, {
        center: {lat: 37.7749, lng: -122.4194},
        zoom: 13
    });
    var infoWindow = new google.maps.InfoWindow({map: map});

    //将用户位置标记为蓝色
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
            var pos = {
                lat: position.coords.latitude,
                lng: position.coords.longitude
            };

            infoWindow.setPosition(pos);
            infoWindow.setContent("You are here!");
            map.setCenter(pos);
        }, function() {
            handleLocationError(true, infoWindow, map.getCenter());
        });
    } else {
        handleLocationError(false, infoWindow, map.getCenter());
    }
});

这段代码首先选中了id为map的DOM元素，创建了一个新的地图对象，并设置了地图的中心点和缩放级别。然后，通过navigator.geolocation获取用户的位置，在地图上标记出蓝色的标记，并自动定位到附近景点所在的位置。

最后，在旅游网站设计中，交互效果也是非常重要的。使用jQuery的动画效果和事件监听，可以让用户体验更加友好和丰富。下面这段代码展示了如何通过一个按钮来切换网页风格模式：

$(document).ready(function(){
    $("#theme-toggle").click(function(){
        $("body").toggleClass("dark");
    });
});

这段代码首先选中了id为theme-toggle的按钮元素，并监听其click事件。当按钮被点击时，通过toggleClass方法来切换body元素的class属性，实现网页风格的切换。

通过上述几个例子，我们可以看到，在旅游网站设计中，jQuery的应用非常广泛。通过简单的代码，就可以实现动画效果、地图添加和交互效果等功能，极大地提高了网站的用户体验。