Apakah kaedah nilai dalam jquery?-Soal Jawab bahagian hadapan-php.cn

Apakah kaedah nilai dalam jquery?

青灯夜游

Lepaskan： 2022-06-07 17:36:32

asal

3306 orang telah melayarinya

5 kaedah nilai: 1. Gunakan "Element Object.text()" untuk mendapatkan kandungan teks elemen yang ditentukan; 2. Gunakan "Element Object.html()" untuk mendapatkan kandungan yang mengandungi tag dalam elemen; 3. , gunakan "elemen kotak input.val()" untuk mendapatkan kandungan input pengguna 4. Gunakan "objek elemen.attr("nama atribut")" untuk mendapatkan nilai atribut yang ditentukan, dsb.

Apakah kaedah nilai dalam jquery?

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

Terdapat banyak cara untuk mendapatkan nilai dalam jquery. Izinkan saya memperkenalkannya kepada anda di bawah.

1 Dua kaedah untuk mendapatkan nilai kandungan elemen: text() atau html()

Kaedah text() boleh kembalikan Kandungan teks elemen yang dipilih. Kaedah
html() boleh mengembalikan kandungan elemen yang dipilih (innerHTML).

Contoh: gunakan text() untuk mendapatkan kandungan teks, gunakan html() untuk mendapatkan kandungan yang mengandungi tag

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					console.log($("p").text());
					console.log($("p").html());
				});
			});
		</script>
	</head>
	<body>
		<button>获取p元素的内容</button>
		<p>这是一个<b>段落</b>。</p>
	</body>
</html>

Salin selepas log masuk

Apakah kaedah nilai dalam jquery?

2. Dapatkan nilai input kotak input input

Nilai input kotak input input dikawal oleh atribut nilai. Ia boleh diperolehi terus menggunakan kaedah val(), atau ia boleh diperoleh menggunakan kaedah attr("nilai").

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					console.log($("input[type=text]").val());
					console.log($("input[type=password]").attr("value"));
				});
			});
		</script>
	</head>
	<body>

		<button>获取input元素的内容</button>
		<p>用户名: <input type="text" name="user" value="李华" /></p>
		<p>密　码: <input type="password" name="password" value="123456" /></p>
	</body>
</html>

Salin selepas log masuk

Apakah kaedah nilai dalam jquery?

3 Dapatkan nilai atribut elemen

Nilai atribut elemen boleh diperolehi dalam dua cara:

<. 🎜>

kaedah attr()
kaedah prop()

Perbezaan: Terdapat dua pilihan: benar dan salah Adalah disyorkan untuk menggunakan kaedah prop() untuk mengendalikan atribut Boolean bagi nilai, seperti ditandakan, dipilih, dilumpuhkan, dsb., manakala disyorkan untuk menggunakan kaedah attr() untuk mengendalikan atribut lain.

Contoh 1: Menggunakan attr() untuk mendapatkan nilai atribut sepunya

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					console.log($("input").attr("name"));
				});
			});
		</script>
	</head>
	<body>

		<button>获取name属性值</button>
		<p>用户名: <input type="text" name="user" value="李华" /></p>
	</body>
</html>

Salin selepas log masuk

Apakah kaedah nilai dalam jquery?

Contoh 2 : Menggunakan prop () Dapatkan nilai atribut Boolean

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					console.log($("input").prop("disabled"));
				});
			});
		</script>
	</head>
	<body>

		<button>获取disabled属性值</button>
		<p>密　码: <input type="password" name="password" value="123456" disabled /></p>
	</body>
</html>

Salin selepas log masuk

Apakah kaedah nilai dalam jquery?