Bagaimana untuk menetapkan gaya css untuk elemen dalam jquery-tutorial js-php.cn

Bagaimana untuk menetapkan gaya css untuk elemen dalam jquery

青灯夜游

Lepaskan： 2021-10-12 16:41:40

asal

9521 orang telah melayarinya

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;...")".

Bagaimana untuk menetapkan gaya css untuk elemen dalam jquery

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("属性名", "属性值")

Salin selepas log masuk

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>

Salin selepas log masuk

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;...")

Salin selepas log masuk

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>

Salin selepas log masuk

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!