jqueryのdiv＃specificDivをターゲットにする方法は？

Question

Jqueryコードで特定の除算をどのようにターゲットに設定できるか質問したいと思います。下のコードでは「すべて」をターゲットにしていますが、これを「div」に変更しても、ファイル内のすべてのディビジョンをターゲットにします。しかし、私の質問は、どのように特定の部門をターゲットにできるかということです。

$(document).on('click', '.particles', function() { 
 
    // code here that should be executed when particles div is clicked. 
 
    alert("You clicked me!"); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="particles">Click</div>

：クラスとdiv要素ここでは、セレクタがどのように機能するかを理解するのに役立ちます小さなスニペットを

$(document).ready(function() { 
 

 
    $(document).on('click', function() { 
 
    $('body').jGravity({ 
 
     target: 'eveything', 
 
     ignoreClass: 'ignoreMe', 
 
     weight: 25, 
 
     depth: 5, 
 
     drag: true 
 
    }); 
 
    // Misc code for demo purposes 
 
    $(this).removeClass('#fountains'); 
 

 
    }); 
 
});

<div class="template-page"> </div> 
 
<div class="particles particles2 ignoreMe jGravity" id="fountains"></div>

Answer 1

はこのように、div.classとしてセレクタを定義します。私はあなたの質問を理解していれば

$(document).ready(function() { 
 

 
    $(document).on('click', function() { 
 
     $('body').jGravity({ 
 
      target: 'div.particles', 
 
      ignoreClass: 'ignoreMe', 
 
      weight: 25, 
 
      depth: 5, 
 
      drag: true 
 
     }); 
 
     // Misc code for demo purposes 
 
     $(this).removeClass('#fountains'); 
 

 
    }); 
 
});

Answer 2

を "粒子particles2"

「クリック」をクリックするとアラートがポップアップ表示されますが、ドキュメントの任意の場所をクリックすると何も起こりません。これは、JQueryでは、divのクラスである ".particles"のクリックに対してclickイベントが発生する必要があるためです。

IDを使用する場合は、「＃」を使用する必要があります。例： $("#ID_OF_THE_CONTAINER")

Answer 3

簡単な例：

$(document).ready(function() { 
 
    $(document).on('click',".particles", function() { 
 
     /*$('body').jGravity({ 
 
      target: 'eveything', 
 
      ignoreClass: 'ignoreMe', 
 
      weight: 25, 
 
      depth: 5, 
 
      drag: true 
 
     }); 
 
     // Misc code for demo purposes 
 
     $(this).removeClass('#fountains');*/ 
 
     console.log("Test Click!"); 
 
    }); 
 
});

.particles{ 
 
    cursor: pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="particles particles2 ignoreMe jGravity" id="fountains">Click me!</div>

Answer 4

、あなたの場合はtarget:

$(document).ready(function() { 

    $(document).on('click', function() { 
     $('body').jGravity({ 
      target: '.particles.particles2', 
      ignoreClass: 'ignoreMe', 
      weight: 25, 
      depth: 5, 
      drag: true 
     }); 
     // Misc code for demo purposes 
     $(this).removeClass('#fountains'); 

    }); 
}); 

Answer 5

でセレクタを入れて、特定のクラスをターゲットにする場合：

$("div.particles.particles2") 

...必要な特定のdivタグにアクセスします。クラスに特定の事業部を標的とするための