Rumah  >  Artikel  >  hujung hadapan web  >  jQuery CSS() kaedah menukar CSS style sheet_jquery sedia ada

jQuery CSS() kaedah menukar CSS style sheet_jquery sedia ada

WBOY
WBOYasal
2016-05-16 16:36:401292semak imbas

Gunakan kaedah CSS() untuk menukar helaian gaya CSS 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'

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);

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. (www.jb51.net Sekolah Skrip)

Sebagai contoh, untuk melihat warna pautan, kodnya adalah seperti berikut:

$("#61dh a").css("color")

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 bagaimana untuk menetapkan gaya pautan (contohnya: warna) selepas tetikus disilangkan 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()方法的两个函数使用用逗号分隔

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.

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