ujian kelajuan jQuery: $ (this) .attr ('id'); vs this.id

3 Memimpin dari ujian kelajuan $ (ini) vs .get () vs .eq () Saya memutuskan untuk melakukan ujian cepat untuk membandingkan kelajuan $ (ini) .attr ("id"); vs this.id yang boleh digunakan pada atribut asli seperti ID, SRC, HREF, gaya dan lain -lain ... tetapi tidak pada sifat seperti bgcolor, data, dan lain -lain ...

latar belakang Dalam konteks perubahan ini tetapi secara amnya: $ (ini) adalah objek jQuery yang mempunyai akses kepada semua API jQuery Ini adalah rujukan kepada elemen DOM Gunakan $ (ini) untuk elemen DOM yang belum dicipta.

kelajuan

Ini tanpa pembalut jQuery sedikit lebih cepat pada keseluruhannya. $ (ini) .attr ("id"): 42ms this.id: 1ms Lihat Keputusan: https://jsfiddle.net/jquery4u/f9rp7/ Bacaan lanjut:

JQuery's ini demystified

Soalan Lazim (Soalan Lazim) Mengenai Ujian Kelajuan JQuery

kenapa jQuery's $ (this) .attr ('id') melakukan lebih perlahan daripada this.id?
JQuery's $ (this) .attr ('id') melakukan lebih perlahan daripada ini.id kerana ia melibatkan lebih banyak pemprosesan. Kaedah $ (ini) .attr ('id') pertama membuat objek jQuery dari elemen DOM, maka ia menggunakan kaedah ATTR () untuk mengambil atribut ID. Sebaliknya, ini.id secara langsung mengakses harta id elemen DOM, yang lebih cepat kerana ia melibatkan pemprosesan yang kurang. this.id dalam jQuery?

kedua -dua $ (ini) .attr ('id') dan this.id digunakan untuk mendapatkan id elemen dalam jQuery. Walau bagaimanapun, $ (ini) .attr ('id') adalah kaedah jQuery yang mendapat nilai atribut untuk hanya elemen pertama dalam set yang dipadankan. Ia mengembalikan undefined untuk nilai -nilai atribut yang tidak ditentukan. Sebaliknya, ini.ID adalah harta JavaScript tulen yang mendapat ID elemen secara langsung. Ia mengembalikan rentetan kosong jika id tidak ditakrif tidak mempunyai atribut ID. Ingat bahawa ini.id secara langsung mengakses harta ID elemen DOM. Jika ID tidak ditakrifkan, ia akan mengembalikan rentetan kosong, tidak ditentukan. Periksa kod anda untuk memastikan bahawa elemen mempunyai atribut ID. Penggunaan kaedah jQuery yang melibatkan lebih banyak pemprosesan, seperti $ (ini) .attr ('id'). Sebaliknya, anda boleh menggunakan sifat JavaScript tulen seperti ini.ID yang secara langsung mengakses sifat elemen DOM. Juga, cuba cache objek jQuery anda, gunakan delegasi acara, dan rantai kaedah anda di mana mungkin.

Bolehkah saya menggunakan ini.id dengan sifat lain selain id?

Ya, anda boleh menggunakan ini.Property dengan mana -mana harta elemen DOM. Sebagai contoh, anda boleh menggunakan ini.classname untuk mendapatkan kelas elemen, atau this.innerHtml untuk mendapatkan html dalaman elemen. Ingatlah bahawa ini.Property secara langsung mengakses harta elemen DOM. $ (this) .attr ('id') dan this.id bersesuaian dengan semua pelayar moden. Walau bagaimanapun, ini.id, menjadi harta JavaScript yang tulen, juga serasi dengan versi lama Internet Explorer yang tidak menyokong sepenuhnya jQuery.

Dalam JavaScript, jika harta tidak ditakrifkan pada objek, mengaksesnya akan kembali tidak ditentukan. Walau bagaimanapun, elemen DOM mempunyai set sifat yang telah ditetapkan, termasuk ID. Sekiranya atribut ID tidak ditetapkan untuk elemen DOM, mengakses ini.ID akan mengembalikan rentetan kosong, tidak ditentukan. Ya, anda boleh menetapkan ID elemen DOM menggunakan ini.ID dalam JavaScript. Sebagai contoh, this.id = 'newid' akan menetapkan ID elemen kepada 'newid'. Walau bagaimanapun, berhati -hati apabila menukar ID secara dinamik kerana ia boleh membawa kepada kekeliruan dan tingkah laku yang tidak dijangka dalam kod anda. ID elemen DOM dalam JavaScript tulen menggunakan harta ID. Sebagai contoh, jika anda mempunyai rujukan kepada elemen DOM dalam pembolehubah yang dipanggil elemen, anda boleh mendapatkan ID menggunakan element.id.

Kenapa saya harus menggunakan ini.id bukan $ (ini) .attr ( 'id')?

Menggunakan ini.id bukan $ (ini) .attr ('id') dapat meningkatkan prestasi kod anda kerana ia melibatkan pemprosesan yang kurang. Ia secara langsung mengakses harta ID elemen DOM, manakala $ (ini) .attr ('id') melibatkan membuat objek jQuery dan kemudian menggunakan kaedah attr () untuk mendapatkan id.

Atas ialah kandungan terperinci ujian kelajuan jQuery: $ (this) .attr ('id'); vs this.id. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!