Rumah > hujung hadapan web > tutorial js > fungsi jQuery .text ()

fungsi jQuery .text ()

Lisa Kudrow
Lepaskan: 2025-03-05 00:07:09
asal
384 orang telah melayarinya

jQuery .text() function mempunyai dua versi:

dan text(). Mata Utama: text() text(val)

Fungsi JQuery
    mempunyai dua versi:
  • mendapat kandungan teks semua elemen yang sepadan; text() Alternatif kepada text() text(val) adalah fungsi tersuai yang memelihara garis pecah. Fungsi ini menggunakan atribut html() (jika ada), jika tidak, gunakan
  • semasa menggantikan
  • dengan text() dan mengeluarkan semua tag HTML yang lain. innerText innerHTML fungsi JQuery <br> boleh digunakan untuk mendapatkan atau menetapkan kandungan teks satu atau lebih elemen. Ia merawat tag HTML sebagai teks biasa dan tidak boleh digunakan untuk mendapatkan atau menetapkan kandungan HTML. Untuk menambahkan teks, gunakan kaedah n dan bukannya
  • .
  • text() .append() jQuery .text() fungsi
sintaks:

Fungsi: text() Dapatkan kandungan teks semua elemen yang sepadan. Keserasian pelayar: berfungsi dengan baik dalam semua pelayar yang telah kami uji. Contoh asas: Cari teks dalam perenggan pertama (mengeluarkan HTML), dan kemudian tetapkan HTML untuk perenggan terakhir untuk menunjukkan bahawa ia hanya teks (Red Bold hilang).

jQuery .text() fungsi .text() text() sintaks:

Fungsi:

Sama seperti text(val), tetapi melarikan diri HTML (menggantikan entiti HTML dengan entiti HTML yang sepadan). Keserasian pelayar: berfungsi dengan baik dalam semua pelayar yang telah kami uji. Contoh Asas: Tambah teks ke perenggan (perhatikan bahawa tag berani melarikan diri).

.text(val) jQuery .text(val) alternatif ke fungsi .html() text(val) Ini adalah fungsi jQuery yang boleh digunakan sebagai alternatif kepada JQuery's

, yang mengekalkan garis pecah.
$("p").text("Some new text.");
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

text() jQuery

fungsi Soalan Lazim

.text() bagaimana menggunakan fungsi jQuery

untuk mendapatkan kandungan teks elemen?
(function($){
   $.fn.innerText = function(msg) {
         if (msg) {
            if (document.body.innerText) {
               for (var i in this) {
                  this[i].innerText = msg;
               }
            } else {
               for (var i in this) {
                  this[i].innerHTML = this[i].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, "");
               }
            }
            return this;
         } else {
            if (document.body.innerText) {
               return this[0].innerText;
            } else {
               return this[0].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, "");
            }
         }
   };
})(jQuery);
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

fungsi JQuery text() adalah alat yang berkuasa yang membolehkan anda mendapatkan kandungan teks elemen. Untuk melakukan ini, anda hanya menggunakan pemilih jQuery untuk memilih elemen dan panggil kaedah

. Sebagai contoh, jika anda ingin mendapatkan kandungan teks perenggan dengan id "mypara", anda boleh menggunakan kod berikut:

text()

Dalam kod ini,

adalah pemilih jQuery untuk memilih perenggan, dan text() adalah cara untuk mendapatkan kandungan teks. Kandungan teks kemudian disimpan dalam "teks" pembolehubah. .text()

Bolehkah saya menggunakan fungsi jQuery text() untuk menetapkan kandungan teks elemen?

Ya, anda boleh menetapkan kandungan teks elemen menggunakan fungsi JQuery text(). Untuk melakukan ini, anda perlu lulus kandungan teks baru sebagai parameter kepada kaedah .text(). Sebagai contoh, jika anda ingin menetapkan kandungan teks perenggan dengan id "mypara" kepada "Hello, World!", Anda boleh menggunakan kod berikut:

$("p").text("Some new text.");
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Dalam kod ini, $("#myPara") adalah pemilih jQuery untuk memilih perenggan, dan .text("Hello, World!") adalah kaedah untuk menetapkan kandungan teks.

Apa yang berlaku jika saya menggunakan fungsi JQuery text() pada pelbagai elemen?

Jika anda menggunakan fungsi jQuery text() untuk mendapatkan kandungan teks pelbagai elemen, ia akan mengembalikan kandungan teks gabungan semua elemen yang dipilih. Sebagai contoh, jika anda mempunyai dua perenggan dengan kelas "myclass", dan anda ingin mendapatkan kandungan teks mereka, anda boleh menggunakan kod berikut:

(function($){
   $.fn.innerText = function(msg) {
         if (msg) {
            if (document.body.innerText) {
               for (var i in this) {
                  this[i].innerText = msg;
               }
            } else {
               for (var i in this) {
                  this[i].innerHTML = this[i].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, "");
               }
            }
            return this;
         } else {
            if (document.body.innerText) {
               return this[0].innerText;
            } else {
               return this[0].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, "");
            }
         }
   };
})(jQuery);
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Dalam kod ini, $(".myClass") adalah pemilih jQuery untuk memilih perenggan, dan .text() adalah cara untuk mendapatkan kandungan teks. Kandungan teks gabungan perenggan kemudian disimpan dalam "teks" pembolehubah.

Jika anda menggunakan fungsi JQuery text() untuk menetapkan kandungan teks pelbagai elemen, ia akan menetapkan kandungan teks semua elemen yang dipilih ke teks yang ditentukan. Sebagai contoh, jika anda ingin menetapkan kandungan teks semua perenggan dengan kelas "MyClass" kepada "Hello, World!", Anda boleh menggunakan kod berikut:

var text = $("#myPara").text();
Salin selepas log masuk
Salin selepas log masuk

Dalam kod ini, $(".myClass") adalah pemilih jQuery untuk memilih perenggan, dan .text("Hello, World!") adalah kaedah untuk menetapkan kandungan teks.

Bolehkah saya mendapatkan atau menetapkan kandungan HTML menggunakan fungsi JQuery text()?

tidak, fungsi JQuery text() tidak boleh digunakan untuk mendapatkan atau menetapkan kandungan HTML. Kaedah .text() merawat sebarang tag HTML sebagai teks biasa. Jika anda ingin mendapatkan atau menetapkan kandungan HTML, anda harus menggunakan kaedah .html() sebaliknya.

jQuery text() Apakah perbezaan antara fungsi dan fungsi JQuery html()?

Perbezaan utama antara fungsi dan fungsi JQuery

fungsi dan jQuery text() adalah bagaimana mereka mengendalikan tag HTML. Kaedah html() merawat mana -mana tag HTML sebagai teks biasa, manakala kaedah .text() memperlakukan mereka sebagai HTML. Ini bermakna jika anda menggunakan kaedah .html() untuk mendapatkan kandungan elemen, ia akan mengembalikan kandungan teks yang tidak mengandungi sebarang tag HTML. Jika anda menggunakan kaedah .text(), ia mengembalikan kandungan HTML, termasuk sebarang tag HTML. .html()

Bolehkah saya menggunakan fungsi jQuery

dengan kaedah jQuery yang lain? text()

Ya, anda boleh menggunakan fungsi JQuery

dengan kaedah jQuery yang lain. Sebagai contoh, anda boleh menggunakan kaedah text() dengan kaedah .text() untuk menukar kandungan teks dan gaya elemen pada masa yang sama. Berikut adalah contoh: .css()

$("p").text("Some new text.");
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Dalam kod ini, $("#myPara") adalah pemilih jQuery untuk memilih perenggan, .text("Hello, World!") adalah cara untuk menetapkan kandungan teks, dan .css("color", "red") adalah cara untuk menukar warna teks menjadi merah.

Bagaimana untuk menambah teks ke elemen menggunakan fungsi JQuery text()?

Jika anda ingin menambah teks ke elemen menggunakan jQuery, anda harus menggunakan kaedah .append() dan bukannya kaedah .text(). Kaedah .text() menggantikan kandungan teks yang sedia ada dengan teks baru, dan kaedah .append() menambah teks baru ke akhir kandungan teks yang ada. Berikut adalah contoh:

(function($){
   $.fn.innerText = function(msg) {
         if (msg) {
            if (document.body.innerText) {
               for (var i in this) {
                  this[i].innerText = msg;
               }
            } else {
               for (var i in this) {
                  this[i].innerHTML = this[i].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, "");
               }
            }
            return this;
         } else {
            if (document.body.innerText) {
               return this[0].innerText;
            } else {
               return this[0].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, "");
            }
         }
   };
})(jQuery);
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Dalam kod ini, $("#myPara") adalah pemilih jQuery untuk memilih perenggan, dan .append(" Hello, World!") adalah kaedah untuk menambah teks "Hello, World!"

Bolehkah saya mengeluarkan teks dari elemen menggunakan fungsi JQuery text()?

Jika anda ingin menggunakan jQuery untuk mengeluarkan semua teks dari elemen, anda boleh menggunakan kaedah .text() dan lulus rentetan kosong sebagai hujah. Ini akan menggantikan kandungan teks sedia ada dengan rentetan kosong, memadamkan teks dengan berkesan. Berikut adalah contoh:

var text = $("#myPara").text();
Salin selepas log masuk
Salin selepas log masuk

Dalam kod ini, $("#myPara") adalah pemilih jQuery untuk memilih perenggan, dan .text("") adalah kaedah untuk memadam teks.

Jika anda ingin mengeluarkan teks tertentu dari elemen, anda perlu menggunakan kaedah .replaceWith() atau menggunakan kaedah .html() yang mengandungi fungsi yang menggantikan teks tertentu dengan rentetan kosong.

jQuery text() Apakah jenis pulangan fungsi?

jQuery text() Jenis pulangan fungsi bergantung pada bagaimana ia digunakan. Jika digunakan untuk mendapatkan kandungan teks elemen, ia mengembalikan rentetan yang mengandungi kandungan teks. Jika digunakan untuk menetapkan kandungan teks elemen, ia mengembalikan objek jQuery, yang membolehkan kaedah dirantai kaedah.

Bolehkah saya menggunakan fungsi JQuery text() dengan elemen bukan teks?

Ya, anda boleh menggunakan fungsi JQuery text() dengan elemen bukan teks. Jika anda menggunakan kaedah .text() untuk mendapatkan kandungan teks untuk elemen bukan teks, ia akan mengembalikan kandungan teks untuk sebarang nod teks dalam elemen. Jika anda menetapkan kandungan teks untuk elemen bukan teks menggunakan kaedah .text(), ia menggantikan sebarang nod teks dalam elemen dengan teks baru.

Atas ialah kandungan terperinci fungsi jQuery .text (). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan