Tukio la jQuery - Kifaa cha Kuchagua

Kufikiria kwa uhusiano wa elementi

Matukio tatu yanayobuniwa kwa kuzingatia kiwango kati ya elementi ni first(), last() na eq(), ambao inaruhusiwa kwa kuchagua elementi kwa uhusiano wake kati ya elementi.

Method za kufiltra zingine, kama filter() na not(), inaruhusiwa kwa kuchagua elementi ambazo zinafanana au hazinafanana na msingi kinachotumiwa.

Method ya first() ya jQuery

Method ya first() inatuma elementi ya pili ya kuanzia kwa kila elementi.

Mfano hii inachagua elementi ya pili ya <div> ya pili ya <p>:

Mfano

$(document).ready(function(){
  $("div p").first();
});

Tukufanya mazoezi yako

Method ya last() ya jQuery

Method ya last() inatuma elementi ya pili ya kufikia kwa kila elementi.

Mfano hii inachagua elementi ya pili ya <div> ya pili ya <p>:

Mfano

$(document).ready(function(){
  $("div p").last();
});

Tukufanya mazoezi yako

Method ya eq() ya jQuery

Method ya eq() inatuma elementi ambazo zinafanana na kiwango kinachotumiwa.

Inafanywa kuanzia 0, kwa hivyo kiwango cha kwanza cha elementi ni 0 na si 1. Mfano hii inachagua elementi ya pili ya <p> (kiwango cha 1):

Mfano

$(document).ready(function(){
  $("p").eq(1);
});

Tukufanya mazoezi yako

Method ya filter() ya jQuery

Method ya filter() inaruhusiwa kwa kutoa msingi wa kile kinachotumiwa. Elementi ambazo hazipatikani kwa msingi hizi zitakuwa na kiwango chao kipunguwa, elementi ambazo zinafanana zizatumiwa.

Mfano iliyotokana hapa inaonyesha zote <p> zilizotumika kwa kama kiwango cha 'intro':

Mfano

$(document).ready(function(){
  $("p").filter(".intro");
});

Tukufanya mazoezi yako

Method ya not() ya jQuery

Method ya not() inatuma zote elementi ambazo hazipatikani kwa msingi wa kile kinachotumiwa.

Tahadhari:Method ya not() inapungua na method ya filter().

Mfano iliyotokana hapa inaonyesha zote <p> zilizotumika kwa kama kiwango cha 'intro':

Mfano

$(document).ready(function(){
  $("p").not(".intro");
});

Tukufanya mazoezi yako

Mikikili wa maelezo ya mbinu ya jQuery

Kuwa na ufahamu ya matukio yote ya mbinu ya jQuery, tazama huzini Mikikili wa maelezo ya mbinu ya jQuery