Bagaimana untuk mendapatkan kandungan elemen dengan jquery

jQuery ialah perpustakaan JavaScript yang pantas, kecil dan berkuasa yang dibangunkan berdasarkan JavaScript. Pada terasnya, ia adalah pemilih yang mudah digunakan dan berkuasa untuk memilih dan memanipulasi elemen dalam dokumen HTML. Dalam jQuery, terdapat banyak cara untuk mendapatkan kandungan elemen Artikel ini akan menerangkan kepada anda beberapa kaedah yang paling biasa digunakan.

1. Kaedah text() mendapatkan kandungan teks elemen

Dalam jQuery, anda boleh menggunakan kaedah text() untuk mendapatkan kandungan teks elemen. Kaedah ini sesuai untuk situasi di mana elemen yang dipilih tidak mengandungi tag atau elemen lain. Contohnya, untuk kod HTML berikut:

<p>这是一个段落</p>

Anda boleh menggunakan kod berikut untuk mendapatkan kandungan teks perenggan:

var text = $("p").text();

2. Kaedah html() mendapat kandungan HTML elemen

Jika Elemen yang dipilih mengandungi tag atau elemen lain, dan kandungan HTMLnya boleh diperoleh menggunakan kaedah html(). Contohnya, untuk kod HTML berikut:

    
标题
    <p>这是一个段落</p>

Anda boleh menggunakan kod berikut untuk mendapatkan kandungan HTML elemen div:

var html = $("div").html();

3. Kaedah val() mendapat nilai elemen bentuk

Untuk elemen bentuk (seperti input, pilih dan textarea), anda boleh menggunakan kaedah val() untuk mendapatkan nilainya. Contohnya, untuk kod HTML berikut:

<input type="text" value="这是输入框的值">

anda boleh menggunakan kod berikut untuk mendapatkan nilai kotak input:

var value = $("input[type='text']").val();

4. Kaedah attr() untuk mendapatkan atribut elemen nilai

boleh digunakan Kaedah attr() mendapat nilai atribut elemen. Contohnya, untuk kod HTML berikut:

<img src="image.png">

Anda boleh menggunakan kod berikut untuk mendapatkan nilai atribut src bagi elemen img:

var src = $("img").attr("src");

5. Kaedah data() mendapat elemen nilai atribut data

Untuk elemen dengan atribut data, anda boleh menggunakan kaedah data() untuk mendapatkan nilai atribut datanya. Contohnya, untuk kod HTML berikut:

<div data-name="John" data-age="30"></div>

Anda boleh menggunakan kod berikut untuk mendapatkan nama data dan nilai atribut umur data elemen div:

var name = $("div").data("name");
var age = $("div").data("age");

Ia sepatutnya ambil perhatian bahawa data ditakrifkan dalam HTML Atribut harus diawali dengan "data-", seperti "data-name".

Ringkasan

Dalam jQuery, terdapat banyak cara untuk mendapatkan kandungan elemen dan anda boleh memilih mengikut senario biasa tertentu. Kaedah di atas boleh merangkumi kebanyakan senario aplikasi Saya harap artikel ini dapat membantu pembaca memahami dan menggunakan jQuery dengan lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan kandungan elemen dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!