Ujian kelajuan jQuery: $ (ini) vs .get () vs .eq ()

Setiap Prestasi Cache Loop - Ujian untuk melihat sama ada merebut elemen semasa dari dalam masing -masing mungkin/lebih cepat dari pelbagai unsur cache. Iaitu $ (ini) vs .get () vs .eq () dengan .text () dan textContent/innerText . Ujian dijalankan dengan jQuery 1.9.1. Sama seperti: ujian kelajuan jQuery: $ (this) .attr ("id"); vs this.id.

.get () dan .eq () kedua -duanya mengembalikan satu "elemen" dari pelbagai objek jQuery, tetapi mereka mengembalikan elemen tunggal dalam bentuk yang berbeza.
.eq () mengembalikannya sebagai objek jQuery, yang bermaksud elemen DOM dibungkus dalam pembungkus jQuery, yang bermaksud bahawa ia menerima fungsi jQuery.
.get () Kembalikan elemen dom mentah. Anda boleh memanipulasinya dengan mengakses atributnya dan menggunakan fungsinya seperti yang anda lakukan pada elemen DOM mentah. Tetapi ia kehilangan identitinya sebagai objek yang dibungkus jQuery, jadi fungsi jQuery seperti .fadein tidak akan berfungsi.

persediaan

   
       list
       
         
             nested 1
             nested 2
             nested 3
         
       
       list
         
             nested 1
             nested 2
             nested 3
         
       list
         
             nested 1
             nested 2
             nested 3
         
       list
   
   


  Benchmark.prototype.setup = function() {
    MY_OBJECT = 
        {
            cache: {},
        
            init: function()
            {
                this.cache.c = $('#container');
                this.cache.n = this.cache.c.find('.nested');
    this.cache.s = this.cache.c.find('#status');
            }
        }
    MY_OBJECT.init();
  };

ujian

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text($(this).text());
</span><span>});
</span>

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.eq(i).text());
</span><span>});
</span>

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.get(i).textContent);
</span><span>});</span>

Soalan Lazim (Soalan Lazim) Mengenai Kaedah JQuery Eq ()

Apakah fungsi utama kaedah JQuery EQ ()? Ia digunakan terutamanya untuk memilih elemen dengan nombor indeks tertentu dari sekumpulan elemen yang serupa. Indeks dalam jQuery bermula dari 0, yang bermaksud elemen pertama adalah pada indeks 0, elemen kedua adalah pada indeks 1, dan sebagainya. Kaedah ini amat berguna apabila anda ingin menggunakan perubahan kepada elemen tertentu dalam kumpulan tanpa menjejaskan yang lain. 🎜> Walaupun kedua -dua kaedah EQ () dan pemilih: eq () dalam jQuery digunakan untuk memilih elemen berdasarkan indeksnya, terdapat perbezaan utama antara kedua -dua. Kaedah EQ () menapis unsur -unsur dari objek jQuery, yang bermaksud ia boleh berfungsi pada satu set elemen yang telah dimanipulasi oleh kaedah jQuery yang lain. Sebaliknya, pemilih: EQ () berfungsi secara langsung pada elemen DOM, yang bermaksud ia hanya boleh memilih unsur -unsur yang wujud apabila halaman dimuatkan. Kaedah?

Ya, anda boleh menggunakan nombor negatif dengan kaedah JQuery EQ (). Apabila nombor negatif digunakan, kaedah tersebut dikira mundur dari elemen terakhir. Sebagai contoh, eq (-1) akan memilih elemen terakhir, eq (-2) akan memilih elemen terakhir kedua, dan sebagainya. Kaedah JQuery EQ ()? Ini bermakna tiada tindakan akan dilakukan kerana tidak ada elemen untuk bertindak.

Bolehkah saya mengikat kaedah jQuery yang lain dengan kaedah EQ ()? Ini adalah salah satu ciri jQuery yang kuat, yang membolehkan anda melakukan pelbagai tindakan pada elemen yang dipilih dalam satu baris kod. ?

Untuk memilih semua elemen yang diindeks walaupun atau ganjil, anda boleh menggunakan kaedah EQ () di dalam gelung. Untuk unsur-unsur yang diindeks, anda boleh memulakan gelung dari indeks 0 dan kenaikan sebanyak 2. Untuk unsur-unsur yang diindeks ganjil, anda boleh memulakan gelung dari indeks 1 dan kenaikan dengan 2.

adalah kaedah eq () Sensitif?

Tidak, kaedah EQ () tidak sensitif kes. Ia hanya memilih elemen berdasarkan nombor indeks mereka, tanpa mengira kes tag atau atribut mereka. Kaedah EQ () dengan pemilih jQuery yang lain. Ini membolehkan anda menyempitkan pemilihan anda dan menggunakan perubahan kepada unsur -unsur tertentu yang memenuhi syarat -syarat tertentu. sebagai elemen yang berasingan. Ini bermakna setiap elemen bersarang mempunyai nombor indeks sendiri, yang boleh digunakan untuk memilihnya dengan kaedah EQ (). 🎜>

Ya, anda boleh menggunakan kaedah EQ () untuk memilih unsur -unsur yang dinamik ditambah ke DOM. Walau bagaimanapun, anda perlu memastikan bahawa kaedah EQ () dipanggil selepas unsur -unsur baru telah ditambah, jika tidak, ia tidak akan dapat mencari mereka.

Atas ialah kandungan terperinci Ujian kelajuan jQuery: $ (ini) vs .get () vs .eq (). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!