Tutorial asas jQuery untuk mengendalikan pelbagai elemen_jquery

Contoh dalam artikel ini menerangkan operasi jQuery pada elemen, termasuk operasi asas, memilih elemen untuk dikendalikan dan memproses elemen DOM. Ia mempunyai nilai rujukan yang baik untuk mempelajari jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

1. Asas

set objek jquery:

$(): koleksi objek jquery

Dapatkan elemen dalam set objek jquery:

Dapatkan elemen javascript dalam pembungkus menggunakan indeks:

var temp = $('img[alt]')[0]

Gunakan kaedah get jquery untuk mendapatkan elemen javascript dalam set objek jquery:

var temp = $('img[alt]').get(0)

Gunakan kaedah eq jquery untuk mendapatkan elemen objek jquery dalam set objek jquery:

$('img[alt]').eq(0)
$('img[alt]').first()
$('img[alt]').last()

Tukar set objek jquery kepada tatasusunan javascript:

var arr = $('label+button').toArray()

Semua elemen butang pada tahap yang sama di belakang label ditukar kepada tatasusunan JavaScript

Indeks set objek jquery:
var n = $('img').index($('img#id')[0]) Nota: Parameter index() ialah elemen javascript
var n = $('img').index('img#id') adalah bersamaan dengan baris sebelumnya Jika tidak dijumpai, mengembalikan -1
var n = $('img').index() mendapat indeks img dalam elemen tahap yang sama

Tambah lebih banyak set objek jquery pada set objek jquery:
Gunakan koma:

$('img[alt],img[title]')

Gunakan kaedah tambah:

$('img[alt]').add('img[title]')

Ambil kaedah berbeza untuk objek jquery yang berbeza:

$('img[alt]').addClass('thickBorder').add('img[title]').addClass('');

Tambah elemen yang baru dicipta pada set objek jquery:

$('p').add('<div></div>');

Padam elemen daripada set objek jquery:

$('img[title]').not('[title*=pu]')
$('img').not(function(){return !$(this).hasClass('someClassname')})

Tapis set objek jquery:
$('td').filter(function(){return this.innerHTML.match(^d $)}) menapis td

yang mengandungi nombor

Dapatkan subset set objek jquery

$('*').slice(0,4) Satu set objek jquery baharu yang mengandungi 4 elemen pertama
$('*').slice(4) Satu set objek jquery baharu yang mengandungi 4 elemen pertama
$('div').has('img[alt]')

Tukar elemen dalam set objek jquery:

var allIds = $('div').map(function(){
 return (this.id==undefined) ? null : this.id;
}).get();

Contoh di atas boleh ditukar kepada tatasusunan javascript melalui kaedah get.

Lintas elemen dalam set objek jquery:

$('img').each(function(n){
 this.alt = '这是第['+n+']张图片，图片的id是' + this.id;
})
$([1,2,3]).each(function(){alert(this);})

Dapatkan satu set objek jquery menggunakan perhubungan antara elemen:

$(this).closest('div') Contohnya, div mana butang yang dicetuskan berlaku
$(this).siblings('button[title="Close"]')Semua elemen adik-beradik, tidak termasuk dirinya
$(this).children('.someclassname')Semua elemen nod anak, tidak termasuk nod anak pendua
$(this).closest('') adalah hampir dengan unsur moyang
$(this).contents() ialah set objek jquery yang terdiri daripada kandungan elemen Sebagai contoh, anda boleh mendapatkan kandungan elemen