Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menukar gaya sebaris dalam jquery

Bagaimana untuk menukar gaya sebaris dalam jquery

青灯夜游
青灯夜游asal
2021-11-22 10:09:403823semak imbas

Dalam pertanyaan, anda boleh menggunakan kaedah attr() untuk menukar gaya sebaris Anda hanya perlu menetapkan nilai atribut gaya elemen melalui attr(). .attr("style", "Kod gaya sebaris")" atau "$(elemen).attr({style:"Kod gaya sebaris"})".

Bagaimana untuk menukar gaya sebaris dalam jquery

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

Cara menukar gaya sebaris dalam jquery

Gaya sebaris ditulis dalam atribut gaya teg HTML, iaitu nilai atribut bagi atribut gaya; kami Gaya sebaris boleh diubah melalui nilai atribut gaya.

Jika anda ingin mengawal atribut label, anda boleh menggunakan kaedah attr(). Kaedah

attr() menetapkan atau mengembalikan nilai atribut bagi elemen yang dipilih.

Sintaks untuk menetapkan atribut gaya:

$(元素).attr("style","行内样式代码")
$(元素).attr({style:"行内样式代码"})

Contoh:

<!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(){
				$("p").attr("style","border: 2px solid green; background-color: #55aa7f;color: white;");
			  });
			});
		</script>
	</head>
	<body>
		<p style="border: 1px solid red; background-color: #FFC0CB;">hello,测试文字</p>
		<button>修改行内样式</button>
	</body>
</html>

Bagaimana untuk menukar gaya sebaris dalam jquery

Tutorial video berkaitan yang disyorkan: Tutorial jQuery(Video)

Atas ialah kandungan terperinci Bagaimana untuk menukar gaya sebaris dalam 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