jQuery | :文件选择器

jQuery中提供了丰富的选择器，其中包括了用于选择文件的选择器：:file 和 :input[type=file]。

:file

:file选择器可以选择所有带有 type="file" 属性的<input> 元素。

$('input:file').change(function(){
    console.log('文件已经选择');
});

上述代码将监听所有带有 type="file" 属性的 <input> 元素的 change 事件，当文件选中后将会出发 console.log 语句。

:input[type=file]

:input[type=file]选择器可以选中所有的文件输入元素。

$('input[type=file]').change(function(){
    console.log('文件已经选择');
});

上述代码将监听所有文件输入元素的 change 事件，当文件选中后将会出发 console.log 语句。

结束语

使用 :file 和 :input[type=file] 选择器可以方便地选中文件输入元素，并在文件选中后执行相应的操作。同时，jQuery还提供了其他丰富的选择器，开发者可以根据自己的需求进行选取。