Rumah > hujung hadapan web > tutorial js > Ringkasan JQuery basic syntax_jquery

Ringkasan JQuery basic syntax_jquery

WBOY
Lepaskan: 2016-05-16 16:12:23
asal
1064 orang telah melayarinya

1. $(document) menukar objek dokumen kepada jquery

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi(){
alert("hello world");
});

2. Dapatkan semua objek hiperpautan dan tambahkan acara onclick Malah, objek jquery yang mendasari memperoleh tatasusunan setiap teg, jadi kita tidak perlu menggelungkan

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi(){
$("a").klik(fungsi(){
alert("hello world");
});
});

3 Penukaran antara objek jquery dan objek dom

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi(){
var javascriptElement = document.getElementById("clickme");
//Tukar objek dom kepada objek jquery
var jqueryElement = $(javascriptElement);
//alert("javascript:" javascriptElement.innerHTML);//innerHTML mendapat kandungan tag
//alert("jquery:" jqueryElement.html());
//Tukar jquery kepada kaedah objek dom 1
var jElement = $("#clickme");
var javascriptEle = jElement[0];
alert("jquery1: " javascriptEle.innerHTML);
//Kaedah 2
var javascriptEle2 = jElement.get(0);
alert("jquery2: " javascriptEle2.innerHTML);
});

4 jquery menyelesaikan masalah sama ada nilai id wujud

Salin kod Kod adalah seperti berikut:

klik saya
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan