jQuery :image用法及代碼示例

：image選擇器用於選擇類型等於image的輸入元素。句法：

$(":image")

參數：
：啟用選擇器：它用於選擇HTML輸入元素以更改其屬性，例如background-color等。

範例1：

<!DOCTYPE html> 
<html> 
<head> 
    <title>:image Selector</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
</script> 
  
<script> 
$(document).ready(function(){ 
  $(":image").css("height", "50px"); 
}); 
</script> 
  
</head> 
<body> 
    <center> 
      <form action="#"> 
          <h1>Welcome to GeeksforGeeks!</h1>  
          Image <input type="image" src="logo.png" width="31" height="30">  
      </form> 
  
</body> 
</html>

輸出：
它將更改圖像的高度：

範例2：

<!DOCTYPE html> 
<html> 
<head> 
    <title>:image Selector</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
</script> 
  
<script> 
$(document).ready(function(){ 
  $(":image").css("width", "150px"); 
}); 
</script> 
  
</head> 
<body> 
    <center> 
      <div style="background-color:#ffff94;"> 
          <h1>Welcome to GeeksforGeeks!.</h1>  
          Image<input type="image" src="logo.png" width="31" height="30">  
      </div> 
  
</body> 
</html>

輸出：

相關用法

注：本文由純淨天空篩選整理自AdeshSingh1大神的英文原創作品 jQuery | :image Selector。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。