jqueryセレクターを使用して特定のDOM要素を除外する方法（デモ例）_jquery

jquery セレクターは数多くあり、特定の DOM を選択する方法はたくさんあります。選択した要素の特定のセットを除外するにはどうすればよいですか?以下にいくつかの例を示します:

1. class=phpernote の要素を除くすべての img 要素を選択します。

コードをコピーします コードは次のとおりです。次のように:

$('img:not(.phpernote)').length();//または $('img').not('.phpernote').length();

2. id=phpernote の class=com を含まないすべての li 要素の数を取得します

コードをコピーしますは次のとおりです:

$('#phpernote li:not(.com)').size();//または $('#phpernote li').not('.com' ).length();

3. id=phpernote の下のすべての奇数行の li 要素の背景を設定します

コードをコピーします🎜> コードは次のとおりです。

$('#phpernote li').not(':even').css('background-color', 'red');

添付の例: jQuery 内の指定された要素を除外し、残りの要素をすべて選択します

シナリオ: 特定のページでは、js 遅延読み込みテクノロジーを使用してすべての画像を処理し、ユーザー エクスペリエンスを向上させていますが、遅延読み込みを望まない画像がいくつかあり、それらを選択する必要があります。

jQuery の API ドキュメントを調べて、jQuery が非常に便利であることがわかりました。バックアップのためにここに投稿します:

コードをコピーします コードは次のとおりです。

<スクリプト タイプ ="text/javascript">
$().ready(function(){
$("div:not([遅延='false'])").css("color", "# f00");
})

div 1

< div 遅延="false">div 2

div>

上記 コードは、追加属性が「遅延」で「false」に等しい div を除外し、残りの div をすべて選択して赤いフォントに設定します。