:password【パスワード要素】

メモ

  • パスワード要素を選択
    • $( "[type=password]" ) と同等
    • $( ":password" ) よりも $( "input:password" )  を推奨 ( "*:～" とみなされる)
  • パフォーマンス
    • ネイティブ DOM querySelectorAll() 未使用の為、低速
      $( "[type=password]" ) の方が高速 ( 例 参照)
  • 選択対象

構文

jQuery( ":password" ) 1.0

関連

例

<p id="id1">
  <input value="<input>">
  <input type="password" placeholder='<input type="password">'>
</p>
<p id="id2">
  <input value="<input>">
  <input type="password" placeholder='<input type="password">'>
</p>

<script>
$( "#id1 input:password" ).css( "border", "2px red dashed" );
$( "#id2 input[type=password]" ).css( "border", "2px blue dashed" );
</script>