jQuery menukar teks ke huruf besar/huruf kecil

Mudah untuk menukar kes teks laman web menggunakan coretan kod jQuery. Ini sangat berguna untuk menukar gaya teks web tanpa menggunakan CSS (walaupun terdapat juga contoh CSS di bawah).

Gunakan jQuery untuk penukaran kes atas dan bawah

//小写
$('jqueryselector').val($(this).val().toLowerCase());

//大写
$('jqueryselector').val($(this).val().toUpperCase());

Gunakan CSS untuk Permodalan Surat Awal

Jika anda ingin memanfaatkan huruf awal setiap perkataan, anda boleh menggunakan CSS:

.capitalise {
    text-transform: capitalize;
}

kemudian masukkannya ke elemen:

$('jqueryselector').addClass('capitalise');

JQuery Text Conversion FAQs (FAQs)

bagaimana menukar teks ke huruf besar menggunakan jQuery?

Menukar teks ke permodalan menggunakan jQuery sangat mudah. Anda boleh menggunakan kaedah

. Berikut adalah contoh mudah: .toUpperCase()

var text = "hello world";
var upperCaseText = text.toUpperCase();
console.log(upperCaseText); // 输出：HELLO WORLD

Dalam contoh ini, pembolehubah

mengandungi rentetan "Hello World". Kemudian gunakan kaedah text untuk menukarnya ke huruf besar. .toUpperCase()

bagaimana menukar teks ke huruf kecil menggunakan jQuery?

Ya, anda boleh menggunakan jQuery untuk menukar teks ke huruf kecil. Kaedah yang digunakan ialah

. Berikut adalah contoh: .toLowerCase()

var text = "HELLO WORLD";
var lowerCaseText = text.toLowerCase();
console.log(lowerCaseText); // 输出：hello world

Dalam contoh ini, pembolehubah

mengandungi rentetan "Hello World". Kemudian gunakan kaedah text untuk menukarnya ke kes yang lebih rendah. .toLowerCase()

Bagaimana untuk menukar nilai input ke huruf besar menggunakan jQuery?

anda boleh menggunakan jQuery untuk menukar nilai input ke huruf besar dengan menggunakan kaedah

dan kaedah .toUpperCase(). Berikut adalah contoh: .val()

$('input').on('input', function() {
  this.value = this.value.toUpperCase();
});

Dalam contoh ini, kaedah

digunakan untuk melampirkan fungsi pengendali acara ke acara "input". Fungsi ini menukarkan nilai input ke huruf besar apabila pengguna menaip sesuatu dalam medan input. .on()

Bagaimana untuk menukar semua teks dalam div ke huruf besar menggunakan jQuery?

Ya, anda boleh menukar semua teks di div ke huruf besar menggunakan jQuery. Berikut adalah contoh:

$('div').text(function(i, text) {
  return text.toUpperCase();
});

Dalam contoh ini, kaedah

digunakan untuk mendapatkan kandungan teks gabungan setiap elemen dalam set elemen yang sepadan. Ia juga digunakan untuk menetapkan kandungan elemen. Fungsi yang diluluskan kepada kaedah .text() menukar teks ke huruf besar. .text()

(Soalan Lazim yang tersisa ditinggalkan di bawah kerana artikel itu terlalu panjang dan diulangi dengan corak soalan-soalan sebelumnya. Sesetengah Soalan Lazim boleh dipilih secara selektif atau dikeluarkan seperti yang diperlukan, dan bahasa itu disesuaikan untuk mengekalkan kesederhanaan dan kebolehbacaan artikel.)

Atas ialah kandungan terperinci jQuery menukar teks ke huruf besar/huruf kecil. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!