Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menukar lebar gaya css dalam jq

Bagaimana untuk menukar lebar gaya css dalam jq

醉折花枝作酒筹
醉折花枝作酒筹asal
2021-07-26 10:31:512268semak imbas

Dalam jquery, anda boleh menggunakan kaedah css() untuk menukar gaya format sintaks ialah "$("Nama Elemen").css("Nama Atribut", "Nilai Atribut""; () tetapan kaedah Atau kembalikan satu atau lebih sifat gaya bagi elemen yang dipilih, menetapkan sifat CSS yang ditentukan untuk semua elemen yang sepadan.

Bagaimana untuk menukar lebar gaya css dalam jq

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

css() menetapkan atau mengembalikan satu atau lebih atribut gaya elemen yang dipilih.

Kembalikan sifat CSS

Jika anda perlu mengembalikan nilai sifat CSS yang ditentukan, sila gunakan sintaks berikut:

css("propertyname");

Tetapkan sifat CSS

Jika perlu Untuk menetapkan sifat CSS yang ditentukan, sila gunakan sintaks berikut:

css("propertyname","value");

Tetapkan berbilang sifat CSS

Untuk menetapkan berbilang sifat CSS, sila gunakan sintaks berikut:

css({"propertyname":"value","propertyname":"value",...});

Contoh

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").css({"width":"200px"});
  });
});
</script>
</head>

<body>
<h2>这是标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<p>这是一个段落。</p>
<button>为 p 元素设置多个样式</button>
</body>
</html>

Kesan:

Bagaimana untuk menukar lebar gaya css dalam jq

[Pembelajaran yang disyorkan: tutorial lanjutan javascript]

Atas ialah kandungan terperinci Bagaimana untuk menukar lebar gaya css dalam jq. 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