jquery関数の適用にIdが必要ですか？

Question

ドキュメントに2つのpタグがあるとします。 jQueryonMouseOverイベントが発生した場合、2つの異なるエフェクトを呼び出す必要があります。これらの2つのタグにIdを付ける必要がありますか？これらのタグにIDを渡すことなく達成できますか？

Answer 1

にはがありますが、何かにはidが含まれていますが、要素を一意に識別するための最良の方法です。

あなたはクラスによって代わりidenfityことができます：セレクタの完全なリストはdocumentationで利用可能です

$("p:eq(2)") 

：親での位置によって

$("[src='image.jpg']") 

：属性によって

$(".myClass") 

を

Answer 2

は、要素/要素を選択するには、いくつかの方法があります。

$('.classname') 

$('#id') 

$('tagname') 

$('[attr="value"]') 

など

Answer 3

$('p:first'); // first p tag 
$('p:last'); // last p tag 
$('p').eq(1); // exactly the second p tag 

Answer 4

jQueryのは、あなたがより速く、より簡単にスクリプト記述することができますが、残念ながらそれはあなたが本当のJavaScriptを理解することがないですが。

$("*") //selects all elements. 

$(":animated") //selects all elements that are currently animated. 

$(":button") //selects all button elements and input elements with type="button". 

$(":odd") //selects even elements. 

$(":odd") //selects odd elements.$("p") selects all <p> elements. 

$("p.intro") //selects all <p> elements with class="intro". 

$("p#intro") //selects the first <p> elements with id="intro". 

$(this)  //Current HTML element 
$("p#intro:first") //The first <p> element with id="intro" 
$("p:eq(2)")  // The third <p> element in the DOM 
$(".intro")  //All elements with class="intro" 
$("#intro")  //The first element with id="intro" 
$("ul li:first") //The first <li> element of the first <ul> 
$("ul li:first-child") //The first <li> element of every <ul> 
$("[href]")  //All elements with an href attribute 
$("[href$='.jpg']")  //All elements with an href attribute that ends with ".jpg" 
$("[href='#']")  //All elements with an href value equal to "#" 
$("[href!='#']") //All elements with an href value NOT equal to "#" 
$("div#intro .head") //All elements with class="head" inside a <div> element with id="intro" 

jQueryの - 選択要素cheat sheet