1、首先新建一个html文件，命名为test.html，在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。
2、在test.html文件内，使用button标签创建一个按钮，按钮名称分别为“刷新页面”。
3、在test.html文件内，设置button标签的id为btn，主要用于下面通过该id获得button对象。
4、在js标签内，使用$(function(){ })方法在页面加载完成时，通过window.location.href获得当前页面的链接，并把链接保存在变量url中。
5、在js标签内，通过id(btn)获得button对象，给它绑定click点击事件，实现当按钮被点击时，使用window.location.href方法跳转至url，从而实现刷新页面的效果。
6、在浏览器打开test.html文件，点击按钮，查看实现的效果。
ESPullToRefresh是一个非常易于开发者使用的下拉刷新和加载更多组件。通过一个UIScrollView的扩展，可以轻松为UIScrollView的所有子类添加下拉刷新功能。 如果你想定制组件的UI样式，只要实现指定的协议方法即可。
设置默认下拉刷新组件
self.tableView.es_addPullToRefresh {
[weak self] in
/// 在这里做刷新相关事件
/// ...
/// 如果你的刷新事件成功，设置completion自动重置footer的状态
self?.tableView.es_stopPullToRefresh(completion: true) /// 设置ignoreFooter来处理不需要显示footer的情况
self?.tableView.es_stopPullToRefresh(completion: true, ignoreFooter: false)
})
}
设置默认加载更多组件
self.tableView.es_addInfiniteScrolling {
[weak self] in
/// 在这里做加载更多相关事件
/// ...
/// 如果你的加载更多事件成功，调用es_stopLoadingMore()重置footer状态
self?.tableView.es_stopLoadingMore() /// 通过es_noticeNoMoreData()设置footer暂无数据状态
self?.tableView.es_noticeNoMoreData()
})
}
使用自定义样式 效果如下:
