Bolehkah jquery menambah gaya css?-Soal Jawab bahagian hadapan-php.cn

Bolehkah jquery menambah gaya css?

青灯夜游

Lepaskan： 2022-04-08 17:00:10

asal

4246 orang telah melayarinya

jquery boleh menambah gaya css Kaedah: 1. Gunakan css() untuk menetapkan atribut gaya elemen yang sepadan ialah "$(selector).css (nama atribut, nilai atribut)"; . Gunakan attr(), sintaksnya ialah "$(selector).attr("style","style code")".

Bolehkah jquery menambah gaya css?

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

jquery boleh menambah gaya css Contohnya, anda boleh menggunakan kaedah css() untuk menambah gaya CSS, atau gunakan kaedah attr() untuk menambah gaya sebaris css dengan menetapkan gaya. atribut.

Cara menambah gaya css dengan jquery

1. Gunakan css()

css ( ) kaedah mengembalikan atau menetapkan satu atau lebih sifat gaya elemen yang dipadankan.

Sintaks untuk menetapkan gaya css

$(selector).css(name,value)

Salin selepas log masuk

Parameter< /th>

Penerangan

nama

Diperlukan. Menentukan nama sifat CSS. Parameter ini boleh mengandungi sebarang sifat CSS, seperti "warna".

nilai

参数

描述

name

必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性，比如 "color"。

value

可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值，比如 "red"。

如果设置了空字符串值，则从元素中删除指定属性。

Pilihan. Menentukan nilai sifat CSS. Parameter ini boleh mengandungi sebarang nilai sifat CSS, seperti "merah".

Jika nilai rentetan kosong ditetapkan, alih keluar atribut yang ditentukan daripada elemen.

<!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() {
				$("button").click(function() {
					$("p").css("color", "red");
				});
			});
		</script>
	</head>

	<body>
		<p>这是一个段落</p>
		<p>这是另一个段落</p>
		<button>改变段落的颜色</button>
	</body>
</html>

Salin selepas log masuk

Contoh: Bolehkah jquery menambah gaya css?

2. )

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

<!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() {
					// $("div").attr({"style":"border: 5px solid paleturquoise;"});
					$("div").attr("style", "border: 5px solid paleturquoise;width: 200px;");
				});
			});
		</script>
	</head>
	<body>

		<div>hello</div>
		<br>
		<button>给div元素添加css样式</button>

	</body>
</html>

Salin selepas log masuk

Apabila anda menggunakan kaedah attr() untuk menetapkan atribut gaya sesuatu elemen, anda boleh menambah gaya css pada elemen tersebut. Bolehkah jquery menambah gaya css?