Bagaimana untuk mengalih keluar ruang daripada nilai input dalam jquery

青灯夜游
Lepaskan: 2021-11-25 12:02:58
asal
3102 orang telah melayarinya

Kaedah Jquery untuk mengalih keluar ruang daripada nilai input: 1. Gunakan kaedah val() untuk mendapatkan nilai input, sintaksnya ialah "$("input").val()" 2. Gunakan trim () kaedah untuk mengalih keluar ruang, sintaks "$.trim(nilai input)".

Bagaimana untuk mengalih keluar ruang daripada nilai input dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Cara mengalih keluar ruang daripada nilai input dalam jquery

Pelaksanaan:

  • Anda perlu mendapatkan nilai input pertama, anda perlu menggunakan kaedah val(): $("input").val()

  • Selepas mendapat nilai, anda boleh menggunakan kaedah trim() untuk mengalih keluar ruang daripada nilai

Kod pelaksanaan:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					var value=$("input").val();
					$("input").val($.trim(value));
				});
			});
			</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>
	<body>

		<input type="text" value="  hello  "/><br><br>
		<button>去除input值的空格</button>

	</body>
</html>
Salin selepas log masuk

Bagaimana untuk mengalih keluar ruang daripada nilai input dalam jquery

Tutorial video berkaitan yang disyorkan: Tutorial jQuery(Video )

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar ruang daripada nilai input dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!