.load()方法是jQuery的Ajax方法,可以用来动态加载文件或者页面内容。它可以帮助我们实现更新内容而不需要刷新整个页面,从而提高用户体验。
要使用.load()方法,只需要在jQuery对象上调用即可:
$("#element").load("url");
上面的代码将会加载指定的URL,并将内容放置到元素#element中。如果没有指定URL,则可以使用当前页面的URL,只需要省略参数即可:
$("#element").load();
.load()方法也支持传递参数,只需要添加一个对象即可:
$("#element").load("url", {name: "John", time: "2pm"});
除此之外,.load()方法还支持回调函数,可以在加载完成后执行指定的函数:
$("#element").load("url", function() { alert("Content loaded."); });
.load()方法还支持选择器,可以只加载指定部分内容:
$("#element").load("url #container");
上面的代码将会从URL中加载id为container的元素,并将其放置到元素#element中。
.load()方法可以帮助我们实现动态加载页面内容,提高用户体验,是一个强大的工具。