Maison interface Web js tutoriel JQuery获取样式中的background-color颜色值的问题_jquery

JQuery获取样式中的background-color颜色值的问题_jquery

May 16, 2016 pm 05:25 PM
样式

今天使用JQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样,IE中是以HEX格式显示【#ffff00】,而Chrome、Firefox中则是以GRB格式显示【rgb(255,255,0)】,而我需要的是十六进制的颜色值,用于存储到数据库中,在网上找到下段代码能解决此问题:

复制代码 代码如下:

$.fn.getHexBackgroundColor = function() {
var rgb = $(this).css('background-color');
if(!$.browser.msie){
rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
function hex(x) {
return ("0" + parseInt(x).toString(16)).slice(-2);
}
rgb= "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}
return rgb;
}

这样就都以HEX格式显示了,已验证通过.
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

macOS : Comment changer la couleur des widgets du bureau macOS : Comment changer la couleur des widgets du bureau Oct 07, 2023 am 08:17 AM

Dans macOS Sonoma, les widgets n'ont pas besoin d'être masqués hors écran ou oubliés dans le panneau du Centre de notifications comme c'était le cas dans les versions précédentes de macOS d'Apple. Au lieu de cela, ils peuvent être placés directement sur le bureau de votre Mac – ils sont également interactifs. Lorsqu'ils ne sont pas utilisés, les widgets du bureau macOS s'effacent en arrière-plan dans un style monochrome, réduisant ainsi les distractions et vous permettant de vous concentrer sur la tâche à accomplir dans l'application ou la fenêtre active. Cependant, lorsque vous cliquez sur le bureau, ils reviennent en couleur. Si vous préférez un aspect terne et souhaitez conserver cet aspect d'uniformité sur votre bureau, il existe un moyen de le rendre permanent. Les étapes suivantes montrent comment procéder. Ouvrez l'application Paramètres système

Guide pour résoudre le désalignement des pages Web WordPress Guide pour résoudre le désalignement des pages Web WordPress Mar 05, 2024 pm 01:12 PM

Guide pour résoudre les pages Web WordPress mal alignées Dans le développement de sites Web WordPress, nous rencontrons parfois des éléments de page Web mal alignés. Cela peut être dû à des tailles d'écran sur différents appareils, à la compatibilité du navigateur ou à des paramètres de style CSS inappropriés. Pour résoudre ce désalignement, nous devons analyser soigneusement le problème, trouver les causes possibles, puis le déboguer et le réparer étape par étape. Cet article partagera certains problèmes courants de désalignement des pages Web WordPress et les solutions correspondantes, et fournira des exemples de code spécifiques pour aider à développer

Conception d'image d'arrière-plan Web CSS : créez différents styles et effets d'image d'arrière-plan Conception d'image d'arrière-plan Web CSS : créez différents styles et effets d'image d'arrière-plan Nov 18, 2023 am 08:38 AM

Conception d'image d'arrière-plan de page Web CSS : créez divers styles et effets d'image d'arrière-plan, des exemples de code spécifiques sont requis. Résumé : Dans la conception Web, les images d'arrière-plan sont un élément visuel important, qui peut améliorer efficacement l'attractivité et la lisibilité de la page. Cet article présentera certains styles et effets courants de conception d’image d’arrière-plan CSS, et fournira des exemples de code correspondants. Les lecteurs peuvent sélectionner et appliquer ces styles et effets d'image d'arrière-plan en fonction de leurs propres besoins et préférences pour obtenir de meilleurs effets visuels et une meilleure expérience utilisateur. Mots-clés : CSS, image d'arrière-plan, style de conception, effet, représentation du code

Utilisez le sélecteur de pseudo-classe :nth-last-child(2) pour sélectionner le style de l'avant-dernier élément enfant Utilisez le sélecteur de pseudo-classe :nth-last-child(2) pour sélectionner le style de l'avant-dernier élément enfant Nov 20, 2023 am 11:22 AM

Utilisez le sélecteur de pseudo-classe :nth-last-child(2) pour sélectionner le style de l'avant-dernier élément enfant. Des exemples de code spécifiques sont requis. En CSS, le sélecteur de pseudo-classe est un outil très puissant qui peut être utilisé pour sélectionner. l'arborescence du document. L'un d'eux est le sélecteur de pseudo-classe :nth-last-child(2), qui sélectionne l'avant-dernier élément enfant et lui applique des styles. Tout d’abord, créons un exemple de document HTML afin de pouvoir y utiliser ce sélecteur de pseudo-classe. par

Effets de texte CSS : ajoutez divers effets spéciaux et styles au texte Effets de texte CSS : ajoutez divers effets spéciaux et styles au texte Nov 18, 2023 am 10:30 AM

Effets de texte CSS : L'ajout de divers effets spéciaux et styles au texte nécessite des exemples de code spécifiques 1. Introduction Dans la conception Web, le texte est un élément indispensable. En ajoutant des effets spéciaux et des styles au texte, vous pouvez rendre la page plus vivante et intéressante et améliorer l'expérience de lecture de l'utilisateur. Cet article présentera quelques effets de texte CSS courants et fournira des exemples de code correspondants pour la référence et l'apprentissage des lecteurs. 2. Couleur du texte La couleur du texte est l'un des effets de texte les plus élémentaires. En définissant la propriété color, vous pouvez modifier la couleur du texte. Voici un exemple

Conception de la barre de navigation Web CSS : création de différents styles de barre de navigation Conception de la barre de navigation Web CSS : création de différents styles de barre de navigation Nov 18, 2023 pm 04:41 PM

Conception de la barre de navigation Web CSS : pour créer différents styles de barre de navigation, des exemples de code spécifiques sont nécessaires. La barre de navigation est l'un des composants les plus importants de la conception Web. Elle permet non seulement aux utilisateurs de parcourir différentes pages du site Web, mais fournit également une fonctionnalité. guide clair sur la structure du site Web. Lors de la conception d’une barre de navigation, le problème auquel nous sommes souvent confrontés est de savoir comment créer une barre de navigation à la fois belle et fonctionnelle. Cet article présentera quelques méthodes courantes de conception de barres de navigation CSS et donnera des exemples de code correspondants pour aider les lecteurs à mieux les comprendre et les appliquer. Barre de navigation de base La barre de navigation de base est la plus courante

Responsabilités et compétences requises en front-end et back-end Responsabilités et compétences requises en front-end et back-end Mar 25, 2024 pm 07:00 PM

Le front-end et le back-end sont deux éléments indispensables du développement logiciel, et ils assument respectivement des responsabilités et des compétences différentes. Cet article explorera le contenu du poste et les exigences des ingénieurs de développement front-end et back-end en termes de responsabilités et de compétences. 1. Responsabilités et compétences requises des ingénieurs front-end Les ingénieurs front-end sont responsables de la mise en œuvre des interfaces utilisateur et des fonctions interactives et des relations directes avec les utilisateurs. Ils doivent avoir les responsabilités et compétences suivantes : mettre en œuvre la conception de l'interface utilisateur pour les sites Web ou les applications afin de garantir. bons effets visuels de page et expérience interactive ; Travailler en étroite collaboration avec les concepteurs UI/UX pour transformer les ébauches de conception en

Utilisez le sélecteur de pseudo-classe :root pour sélectionner le style de l'élément racine du document Utilisez le sélecteur de pseudo-classe :root pour sélectionner le style de l'élément racine du document Nov 20, 2023 pm 02:18 PM

Utiliser le sélecteur de pseudo-classe :root pour sélectionner le style de l'élément racine du document nécessite des exemples de code spécifiques. En CSS, nous pouvons utiliser le sélecteur de pseudo-classe :root pour sélectionner l'élément racine du document et spécifier un style spécifique. pour ça. Le sélecteur de pseudo-classe :root équivaut à la sélection d'éléments HTML dans la plupart des cas, mais lorsqu'un espace de noms existe dans le document, le sélecteur de pseudo-classe :root sélectionnera l'élément racine de l'espace de noms par défaut. Voici un exemple de code concret qui montre comment utiliser le sélecteur de pseudo-classe :root pour sélectionner l'élément racine du document.

See all articles