Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk mengalih keluar gaya sempadan dalam jquery

Bagaimana untuk mengalih keluar gaya sempadan dalam jquery

青灯夜游asal: 2022-05-17 18:05:442784semak imbas

Dua kaedah: 1. Gunakan css() untuk menetapkan nilai atribut sempadan kepada "tiada", dan sintaksnya ialah "nyatakan elemen.css("sempadan","tiada"). 2. Gunakan attr() untuk menambah gaya baharu dan tulis ganti gaya lama Sintaks ialah "specify element.attr("style","border:none"".

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

Dalam jquery, anda boleh mengalih keluar gaya sempadan dengan menetapkan nilai atribut sempadan kepada "tiada" melalui kaedah terbina dalam.

Dua kaedah untuk mengalih keluar sempadan:

1 Gunakan css() untuk menetapkan nilai atribut sempadan kepada "tiada " Kaedah

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

Alih keluar sintaks:

$(selector).css("border","none")

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").bind("click", function() {
					$("p").css("border","none");
				});
			});
		</script>
		<style>
			p{
				border: 2px solid red;
				background-color: pink;
			}
		</style>
	</head>

	<body>
		<button>去掉border样式</button>
		<p>这是一个p段落</p>
		<p>这是一个p段落</p>
	</body>
</html>

Bagaimana untuk mengalih keluar gaya sempadan dalam jquery

2. Gunakan attr() untuk menambah " border" :none" gaya baharu, menimpa gaya lama

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

Gunakan kaedah attr() untuk menetapkan atribut gaya dan tambahkan gaya sebaris baharu "border:none".

$(document).ready(function() {
	$("button").bind("click", function() {
		$("p").attr("style","border:none");
	});
});

Bagaimana untuk mengalih keluar gaya sempadan dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar gaya sempadan 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

Artikel sebelumnya：Bagaimana untuk mendapatkan beberapa elemen adik beradik pertama dalam jqueryArtikel seterusnya：Bagaimana untuk mendapatkan beberapa elemen adik beradik pertama dalam jquery

Artikel berkaitan

Lihat lagi