Rumah  >  Artikel  >  hujung hadapan web  >  Cara menggunakan data jquery()

Cara menggunakan data jquery()

青灯夜游
青灯夜游asal
2022-03-03 15:53:572766semak imbas

Dalam jquery, kaedah data() boleh digunakan untuk menambahkan data pada elemen yang dipilih, sintaksnya ialah "$(selector).data(nama,nilai)"; ia juga boleh digunakan untuk mendapatkan data daripada elemen yang dipilih , sintaks "$(selector).data(name)".

Cara menggunakan data jquery()

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

kaedah data() jquery

kaedah data() menambahkan data pada elemen yang dipilih atau mendapatkan data daripada elemen yang dipilih.

Sintaks:

  • Kembalikan data tambahan daripada elemen yang dipilih.

$(selector).data(name)
Parameter Perihalan
nama
参数 描述
name

可选。规定要取回的数据的名称。

如果没有规定名称,则该方法将以对象的形式从元素中返回所有存储的数据。

Pilihan. Menentukan nama data yang akan diambil.
  • Jika tiada nama dinyatakan, kaedah ini akan mengembalikan semua data yang disimpan daripada elemen sebagai objek.

Tambahkan data pada elemen yang dipilih.


$(selector).data(name,value)
boleh menjadi pasangan nama/nilai tunggal
参数 描述
name 必需。规定要设置的数据的名称。
value 必需。规定要设置的数据的值。

$(selector).data(object)
参数 描述
object 必需。规定包含名称/值对的对象。
juga boleh ditambah pada elemen yang dipilih menggunakan objek dengan nama/nilai data berpasangan.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#btn1").click(function() {
					$("div").data("greeting", "Hello World");
				});
				$("#btn2").click(function() {
					alert($("div").data("greeting"));
				});
			});
		</script>
	</head>
	<body>
		<button id="btn1">把数据添加到 div 元素</button><br />
		<button id="btn2">获取已添加到 div 元素的数据</button>
		<div></div>
	</body>
</html>
Contoh:

Tambahkan data pada elemen dan kemudian dapatkan semula data ituCara menggunakan data jquery()

【 Pembelajaran Disyorkan: tutorial video jQuery

, bahagian hadapan web]

Atas ialah kandungan terperinci Cara menggunakan data jquery(). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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