Latest web development tutorials

jQuery mendapatkan konten dan properti

jQuery memiliki elemen HTML beroperasi dan atribut cara yang ampuh.


operasi jQuery DOM

jQuery adalah bagian yang sangat penting adalah kemampuan untuk operasi DOM.

jQuery menyediakan seperangkat metode yang terkait dengan DOM, yang membuat mengakses dan memanipulasi elemen dan atribut menjadi sangat mudah.

lampuDOM = Document Object Model (Document Object Model)

DOM HTML dan dokumen XML untuk mendefinisikan kriteria akses:

"W3C antarmuka Document Object Model platform-independen dan bahasa yang memungkinkan program dan script untuk mengakses dan memperbarui struktur dokumen dan gaya dinamis."



Mendapatkan konten - teks (), html () dan val ()

Tiga metode yang sederhana dan praktis untuk operasi DOM jQuery:

  • text () - Mengatur atau mengembalikan isi teks dari elemen yang dipilih
  • html () - Mengatur atau mengembalikan isi dari elemen yang dipilih (termasuk tag HTML)
  • val () - Mengembalikan nilai atau bentuk bidang

Contoh berikut menunjukkan bagaimana jQuery teks () dan html () metode untuk mendapatkan konten:

contoh

$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});

Coba »

Contoh berikut menunjukkan bagaimana jQuery val () metode untuk mendapatkan nilai-nilai field input:

contoh

$("#btn1").click(function(){
alert("值为: " + $("#test").val());
});

Coba »


Dapatkan properti - attr ()

Metode jQuery attr () digunakan untuk mendapatkan nilai properti.

Contoh berikut menunjukkan bagaimana untuk mendapatkan nilai atribut link href:

contoh

$ ( "Button"). Klik (function () {
alert ($ ( "# w3big") attr ( "href").);
});

Coba »

Bab berikutnya akan menjelaskan cara mengatur (perubahan) isi dan nilai atribut.