Bộ chọn image
Bộ chọn :image chọn các phần tử có
loại image, là các hình ảnh
để gửi biểu mẫu.
Tương đương của $(':image') là
$('[type=image]').
Vì :image không thuộc về đặc tả CSS,
nên để cải thiện hiệu suất trong các
trình duyệt hiện đại, tốt hơn nên sử dụng
[type='image'] thay thế.
Cú pháp
Đây là cách chúng ta chọn các phần tử có loại image:
$(':image');
Ví dụ
Hãy chọn tất cả các input có loại image và
đặt cho chúng nền màu xanh lá cây và viền màu đỏ bằng phương pháp
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="password">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="image">
<input type="text">
</form>
$('input:image').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // ngăn chặn việc gửi biểu mẫu
});