JQuery 添加多个函数
时间: 2023-03-25 20:04:30 浏览: 60
可以使用 jQuery 的 .on() 方法来添加多个函数,例如:
```
$(selector).on("click", function() {
// 第一个函数
});
$(selector).on("click", function() {
// 第二个函数
});
```
这样,当点击该选择器时,会依次执行两个函数。
相关问题
jQuery 批量下载多个文件
你可以使用 jQuery 中的 Ajax 和 Blob 对象来实现批量下载多个文件。以下是一个简单的实现示例:
```javascript
// 文件列表
var files = ["file1.txt", "file2.png", "file3.pdf"];
// 批量下载函数
function downloadAll() {
// 循环下载每个文件
$.each(files, function(index, file) {
// 创建一个 Ajax 请求
$.ajax({
url: file,
method: "GET",
xhrFields: {
responseType: "blob" // 设置响应类型为 Blob 对象
},
success: function(data) {
// 创建一个下载链接
var a = document.createElement("a");
var url = window.URL.createObjectURL(data);
a.href = url;
a.download = file;
// 添加到页面并模拟点击下载
$("body").append(a);
a.click();
// 清理临时 URL 对象
window.URL.revokeObjectURL(url);
}
});
});
}
// 调用批量下载函数
downloadAll();
```
这段代码首先定义了一个文件列表 `files`,然后定义了一个 `downloadAll()` 函数来批量下载这些文件。在函数中,使用 jQuery 的 `$.each()` 函数循环遍历每个文件,对每个文件都创建一个 Ajax 请求,将响应类型设置为 Blob 对象,然后在成功回调函数中创建一个下载链接,模拟点击下载,最后清理临时 URL 对象。
jquery 常用属性和函数 (转载
jQuery 是一个非常流行的 JavaScript 库,它提供了许多易于使用的属性和函数,以下是常用的属性和函数:
属性:
- `text()`:获取或设置元素的文本内容。
- `html()`:获取或设置元素的 HTML 内容。
- `val()`:获取或设置表单元素的值。
- `attr()`:获取或设置元素的属性。
- `prop()`:获取或设置元素的属性,比如 `checked`、`disabled` 等。
- `css()`:获取或设置元素的 CSS 样式。
- `width()`:获取或设置元素的宽度。
- `height()`:获取或设置元素的高度。
- `offset()`:获取元素相对于文档的位置。
- `position()`:获取元素相对于父元素的位置。
函数:
- `$(selector)`:选择器,选择一个或多个元素。
- `$(selector).each(function(index, element))`:遍历一个或多个元素,并对每个元素执行一个函数。
- `$(selector).on(event, handler)`:为一个或多个元素绑定事件处理程序。
- `$(selector).off(event, handler)`:移除一个或多个元素的事件处理程序。
- `$(selector).addClass(class)`:为一个或多个元素添加一个或多个类。
- `$(selector).removeClass(class)`:从一个或多个元素中删除一个或多个类。
- `$(selector).toggleClass(class)`:在一个或多个元素中切换一个或多个类。
- `$(selector).fadeIn()`:淡入一个或多个元素。
- `$(selector).fadeOut()`:淡出一个或多个元素。
- `$(selector).slideDown()`:向下滑动一个或多个元素。
- `$(selector).slideUp()`:向上滑动一个或多个元素。
- `$.ajax(options)`:执行异步 HTTP(Ajax)请求。
以上是 jQuery 常用的属性和函数,当然还有很多其他的属性和函数可以使用。