Rumah  >  Artikel  >  hujung hadapan web  >  Penjelasan terperinci tentang cara menambah gaya pada elemen dengan jQuery_jquery

Penjelasan terperinci tentang cara menambah gaya pada elemen dengan jQuery_jquery

WBOY
WBOYasal
2016-05-16 15:22:381343semak imbas

Contoh dalam artikel ini menerangkan cara menambah gaya pada elemen dengan jQuery. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

1. Dapatkan dan tetapkan gaya

$("#tow").attr("class")//获取ID为tow的class属性
$("#two").attr("class","divClass")//设置Id为two的class属性。

2. Tambah gaya

Salin kod Kod adalah seperti berikut:
$("#two").addClass("divClass2")/ /adalah ID Tambah gaya divClass2
pada objek dua

3. Alih keluar gaya

$("#two").removeClass("divClass")//移除 ID为two的对象的class名为divClass的样式。
$(#two).removeClass("divClass divClass2")//移除多个样式。

4. Tukar nama kelas

Salin kod Kod adalah seperti berikut:
$("#two").toggleClass("anotherClass") / / Ulang menukar gaya Kelas lain

5. Tentukan sama ada gaya tertentu disertakan

Salin kod Kod adalah seperti berikut:
$("#two").hasClass("another")= =$( "#dua").ialah(".satu lagi");

6. Dapatkan gaya dalam gaya css

Salin kod Kod adalah seperti berikut:
$("div").css("color")// Tetapkan nilai atribut warna $(elemen).css(style)

Tetapkan gaya tunggal

Salin kod Kod adalah seperti berikut:
$("div").css("color","red ")

Tetapkan berbilang gaya

$("div").css({fontSize:"30px",color:"red"})
$("div").css("height","30px")==$("div").height("30px")
$("div").css("width","30px")==$("div").height("30px")

kaedah 7.offset()

Fungsinya adalah untuk mendapatkan offset relatif elemen dalam tetingkap paparan semasa, di mana objek yang dikembalikan mengandungi dua atribut, iaitu atas dan kiri.

Nota: Hanya sah untuk elemen yang boleh dilihat.

var offset=$("div").offset();
var left=offset.left; //获取左偏移
var top=offset.top; //获取右偏移

kaedah kedudukan()

Fungsinya ialah untuk mendapatkan pengimbangan relatif elemen berbanding nod datuk nenek terdekat yang atribut gaya kedudukannya ditetapkan kepada relatif atau mutlak Seperti offset(), objek yang dikembalikannya juga termasuk dua atribut, atas dan kiri.

9. kaedah scrollTop() dan kaedah scrollLeft()

$("div").scrollTop(); //获取元素的滚动条距顶端的距离。
$("div").scrollLeft(); //获取元素的滚动条距左侧的距离。

10 Kaedah togol dan slideToggle dalam jQuery boleh memaparkan dan menyembunyikan elemen. Perbezaannya ialah:

togol: Kesan dinamik adalah dari kanan ke kiri. Pergerakan sisi.
slideToggle: kesan dinamik dari bawah ke atas. Tindakan menegak.

Sebagai contoh, jika anda ingin mencapai kesan dinamik pokok mengecut dari bawah ke atas, hanya gunakan slideToggle.

$('input').attr("readonly",true)//将input元素设置为readonly
$('input').attr("readonly",false)//去除input元素的readonly属性
$('input').attr("disabled",true)//将input元素设置为disabled
$('input').attr("disabled",false)//去除input元素的disabled属性

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

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