Rumah > hujung hadapan web > tutorial js > Kaedah jQuery CSS() mengubah style_jquery CSS sedia ada

Kaedah jQuery CSS() mengubah style_jquery CSS sedia ada

WBOY
Lepaskan: 2016-05-16 16:39:01
asal
1136 orang telah melayarinya

Contoh Permulaan jQuery: Gunakan kaedah CSS() untuk menukar helaian gaya CSS yang sedia ada Kaedah css() adalah serba boleh digunakan. Salah satu daripadanya menerima dua parameter input: atribut gaya dan nilai gaya, dipisahkan dengan koma. Sebagai contoh, untuk menukar warna pautan, anda boleh menulis kod seperti ini:

$("#61dh a").css('color','#123456'); 
//选择器‘$("#61dh a")'表示ID为‘#61dh'的元素下的所有链接。 
//.css(‘color','#123456');表示把颜色设为'#123456'
Salin selepas log masuk

Jika anda perlu menukar berbilang atribut gaya, anda boleh mentakrifkan pembolehubah atribut dahulu dan kemudian menetapkannya terus kepada kaedah css().

var mycss = { 
background: '#EEE', 
width: '478px', 
margin: '10px 0 0', 
padding: '5px 10px', 
border: '1px solid #CCC' 
}; 
$("#result").css(divcss);
Salin selepas log masuk

Kod di atas mula-mula mentakrifkan pembolehubah atribut gaya CSS "mycss", yang serupa dengan mencipta fail CSS luaran, dan kemudian memberikan atribut kepada DIV dengan ID '#result' melalui kaedah css().

Selain itu, kaedah css() yang disediakan oleh jQuery juga boleh melihat nilai atribut css sesuatu elemen. Contohnya, untuk melihat warna pautan, kodnya adalah seperti berikut:

$("#61dh a").css("color")
Salin selepas log masuk

Anda akan mendapati bahawa ini adalah serupa dengan contoh pertama, tetapi di sini hanya satu parameter (atribut gaya) diluluskan.

Perkara terakhir yang saya ingin perkenalkan ialah cara menetapkan gaya pautan (contohnya: warna) selepas tetikus dipalang Anda perlu menggunakan kaedah kelas acara jQuery - hover(). Perlu diingat bahawa kaedah hover() perlu mentakrifkan dua fungsi, satu apabila tetikus bergerak ke atas; Kaedah khusus adalah seperti berikut:

$("#61dh a").css('color','#123456'); 
$("#61dh a").hover(function(){ 
$(this).css('color','#999'); 
}, 
function(){ 
$(this).css('color','#123456'); 
}); 
//hover()方法的两个函数使用用逗号分隔
Salin selepas log masuk

Mungkin anda bijak dan perasan bahawa kaedah ini tidak mudah Haha, sebenarnya, kaedah jQuery hover() tidak digunakan untuk menukar gaya CSS. Dalam aplikasi praktikal, adalah disyorkan untuk menggunakan kaedah menambah/mengalih keluar CSS untuk menukar gaya pautan apabila tetikus dipalang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan