Rumah >hujung hadapan web >tutorial js >Bagaimana untuk mengubah suai atribut paparan dalam jquery
Bagaimana untuk mengubah suai atribut paparan dalam jquery
- 青灯夜游asal
- 2021-11-12 16:35:1911961semak imbas
Dalam jquery, anda boleh menggunakan kaedah css() untuk mengubah suai atribut paparan, sintaks "$(selector).css("display","property value")" atau "$(selector). css({ "paparan":"Nilai atribut"})".
Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.6, komputer Dell G3.
Dalam jquery, anda boleh menggunakan kaedah css() untuk mengubah suai atribut paparan. Kaedah css() menetapkan satu atau lebih sifat gaya bagi elemen yang dipilih.
Sintaks:
$(selector).css("propertyname","value");
$(selector).css({"propertyname":"value"});Contoh: Tetapkan atribut paparan elemen div kepada tiada untuk menyembunyikan elemen div.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.0.min.js"></script>
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").css({"display":"none"});
});
});
</script>
</head>
<body>
<div style="border: 1px solid red;">hello</div>
<br>
<button>点击按钮，修改display属性</button>
</body>
</html>
Tutorial video berkaitan yang disyorkan: Tutorial jQuery (Video)
Atas ialah kandungan terperinci Bagaimana untuk mengubah suai atribut paparan dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!