jquery menetapkan teks kepada elemen

jQuery ialah perpustakaan JavaScript yang sangat popular dan berkuasa. Ia menyediakan banyak kaedah mudah untuk memanipulasi elemen HTML dan Model Objek Dokumen (DOM). Salah satu ciri yang sangat berguna ialah menetapkan teks elemen dengan jquery.

Dalam artikel ini, kami akan meneroka cara menetapkan teks elemen menggunakan jquery. Kami akan memperkenalkan dua kaedah: .text() dan .html().

Kaedah 1: .text()

kaedah.text() ialah kaedah paling asas yang digunakan untuk menetapkan teks elemen dalam jqury.

Untuk menggunakan kaedah .text(), anda boleh memilih elemen yang anda ingin tetapkan teks terlebih dahulu. Sebagai contoh, katakan anda mempunyai kod HTML berikut:

<h1 id="myHeader">Welcome to my website</h1>

Untuk menukar teks elemen tajuk menggunakan kaedah .text(), gunakan kod berikut:

$('#myHeader').text('Hello World!');

Dalam perkara di atas kod, kami menggunakan jQuery Pemilih ($()) memilih elemen dengan id "myHeader" dan menggunakan kaedah .text() untuk menetapkan teksnya kepada "Hello World!".

Nota: Menggunakan kaedah .text() akan menggantikan kandungan teks elemen sepenuhnya. Ini bermakna jika elemen asalnya mempunyai beberapa teks, ia akan diganti sepenuhnya. Jika anda ingin menambah dan bukannya menggantikan teks, anda harus menggunakan kaedah .html().

Kaedah 2: .html()

.html() kaedah sangat serupa dengan kaedah .text(), tetapi ia bukan sahaja boleh menetapkan teks elemen, tetapi juga menetapkan Kandungan HTML elemen.

Untuk menggunakan kaedah .html(), anda pilih elemen yang anda mahu tetapkan menggunakan kaedah yang sama seperti kaedah .text() dan tetapkan kandungan HTMLnya menggunakan kod berikut:

$('#myHeader').html('<em>Hello World!</em>');

di atas Dalam kod, kami menggunakan pemilih jQuery ($()) untuk memilih elemen dengan id "myHeader", dan menggunakan kaedah .html() untuk menetapkan kandungan HTMLnya kepada "Hello World!". Ini akan memaparkan teks "Hello World!" dengan tag penekanan dalam elemen.

Sila ingat untuk berhati-hati apabila menggunakan kaedah .html(). Jika anda memasukkan kod hasad ke dalam kandungan HTML, ia akan dilaksanakan dalam penyemak imbas pengguna. Ini boleh mendedahkan tapak anda kepada serangan keselamatan. Oleh itu, anda harus mengelakkan kandungan HTML yang tidak perlu dan menggunakan teks dan bukannya rentetan HTML.

Ringkasan

Dalam artikel ini, kami memperkenalkan cara menggunakan jQuery untuk menetapkan teks elemen. Kami memperkenalkan dua kaedah: .text() dan .html(). Menggunakan kaedah .text() akan menggantikan sepenuhnya kandungan teks elemen, manakala menggunakan kaedah .html() membolehkan anda menetapkan kandungan HTML. Tidak kira kaedah yang anda gunakan, anda boleh menukar teks mana-mana elemen pada halaman dengan mudah.

Atas ialah kandungan terperinci jquery menetapkan teks kepada elemen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!