Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan gaya css untuk elemen dalam jquery

Bagaimana untuk menetapkan gaya css untuk elemen dalam jquery

青灯夜游asal: 2021-10-12 16:41:409529semak imbas

Kaedah tetapan: 1. Gunakan kaedah css(), sintaks "$(selector).css("Nama atribut", "Nilai atribut""; 2. Gunakan kaedah attr(), the sintaks "$( selector).attr("style","Nama atribut 1: nilai atribut 1; nama atribut 2: nilai atribut 3;...")".

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

Kaedah 1: Gunakan kaedah css()

Kaedah css() boleh menetapkan satu atau lebih atribut gaya bagi elemen yang dipadankan. Sintaks:

$(selector).css("属性名", "属性值")

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<div id="dome">欢迎来到PHP中文网！</div>
		<script type="text/javascript">
			$("#dome").css("color", "red");
		</script>
	</body>
</html>

Rendering:

Bagaimana untuk menetapkan gaya css untuk elemen dalam jquery

Kaedah 2: Gunakan attr () kaedah

attr() kaedah menetapkan atau mengembalikan nilai atribut elemen yang dipilih. Tatabahasa:

$(selector).attr("style","属性名1:属性值1;属性名2:属性值3;...")

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<div id="dome">欢迎来到PHP中文网！</div>
		<script type="text/javascript">
			$("#dome").attr("style", "color:pink;");
		</script>
	</body>
</html>

Penyampaian:

Bagaimana untuk menetapkan gaya css untuk elemen dalam jquery

Cadangan tutorial video berkaitan: Tutorial jQuery(Video)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan gaya css untuk elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery css

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

Artikel sebelumnya：Nota kajian yang patut dikumpul dalam Java Script (perkongsian ringkasan)Artikel seterusnya：Nota kajian yang patut dikumpul dalam Java Script (perkongsian ringkasan)

Artikel berkaitan

Lihat lagi