„Elsőoldal” project

A JQuery kijelölőinek következő hasznos elemei a "Jellemző" és "érték" párosítású kijelölő. Ezekben az esetekben az elemeket a jellemzőjük és azok értékei alapján tudjuk kijelölni:

<div id="box1">123</div>
<div id="box2">456</div>
<div id="box3">789</div>
<div id="cont1">xyz</div>

	//Ezekből a div elemekből szeretnén kijelölni a megfelelőket...

Egyértelmű kiválasztás	Egy bizonyos érték kijelölése.

Csak és kizárólag a megadott értékűt jelöli ki! Azok az elemek illeszkednek tehát a kijelölésre, amelyekben megtalálható az adott jellemző és pontosan egyezik a megadottal az érték.

$("div[id=box1]");

<div id="box1">123</div>
<div id="box2">456</div>
<div id="box3">789</div>
<div id="cont1">xyz</div>

Egyértelműen kizáró kiválasztás	Egy bizonyos értéken kívül minden kijelölése.

Azokra az elemekre illeszkedik, amelyek nem rendelkeznek az adott jellemzővel, iletve ha rendelkeznek a jellemzővel, az nem egyezik a megadott az értékkel.

$("div[id!=box1]");

<div id="box1">123</div>
<div id="box2">456</div>
<div id="box3">789</div>
<div id="cont1">xyz</div>

Kifejezés elején egyezők kiválasztása	Minden olyan elem kiválasztása, amelynek az eleje egyezik a megadottal.

Itt nincs megadva karakterszám; a példa alapján egyértelmű!

$("div[id^=box]");

<div id="box1">123</div>
<div id="box2">456</div>
<div id="box3">789</div>
<div id="cont1">xyz</div>

Kifejezés végén egyezők kiválasztása	Minden olyan elem kiválasztása, amelynek a vége egyezik a megadottal.

Itt nincs megadva karakterszám; a példa alapján egyértelmű!

$("div[id$=1]");

<div id="box1">123</div>
<div id="box2">456</div>
<div id="box3">789</div>
<div id="cont1">xyz</div>

Tartalmazók kiválasztása	Minden olyan elem kiválasztása, amely tartalmazza a megadott értéket.

Itt nincs megadva karakterszám; a példa alapján egyértelmű!

$("div[id*=ox2]");

<div id="box1">123</div>
<div id="box2">456</div>
<div id="box3">789</div>
<div id="cont1">xyz</div>