:not()【否定要素】
メモ
- 指定セレクタ対象以外を選択
構文
jQuery( ":not(selector【セレクタ】)" ) 1.0
関連
- jQuery リファレンス メモ
- セレクタ一覧
- .not()【否定要素 取得】
- CSS リファレンス メモ
- :not(s)【否定要素】
- jQuery (英語)
例
<div id="id1">
<p style="color:red;">チェック状態の変更で動作</p>
<label><input type="checkbox" checked>チェックボックス</label>
<label><input type="checkbox" checked>チェックボックス</label>
<label><input type="checkbox" checked>チェックボックス</label>
</div>
<script>
$("#id1 input:checkbox").change(function() {
$("#id1 input:checked").parent().css("border", "none");
$("#id1 input:not(input:checked)").parent().css("border", "2px red dashed");
});
</script>
チェック状態の変更で動作