jquery définit la couleur d'arrière-plan d'entrée-Questions et réponses frontales-php.cn

jquery définit la couleur d'arrière-plan d'entrée

PHPz

Libérer： 2023-05-28 13:16:40

original

831 Les gens l'ont consulté

jQuery est un framework JavaScript qui fournit des méthodes pratiques pour exploiter les éléments HTML et gérer les événements, notamment en définissant la couleur d'arrière-plan de l'entrée. Cet article explique comment définir la couleur d'arrière-plan de l'entrée dans jQuery.

Tout d'abord, vous devez introduire la bibliothèque jQuery dans la page HTML. Ceci peut être réalisé en ajoutant le code suivant à la balise :

<head>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
</head>

Copier après la connexion

Ensuite, ajoutez un attribut id à l'élément d'entrée où la couleur d'arrière-plan doit être définie pour la sélection dans jQuery. Par exemple, vous pouvez ajouter une zone de saisie à la page et lui donner un identifiant nommé "input1":

<input type="text" id="input1" placeholder="请输入内容...">

Copier après la connexion

Ensuite, une fois la page chargée, vous pouvez utiliser la méthode ready() de jQuery pour obtenir le zone de saisie et définissez sa couleur d’arrière-plan. La méthode ready() est exécutée une fois que tous les éléments de la page ont été chargés. Voici l'implémentation spécifique du code :

$(document).ready(function(){
  // 获取输入框元素
  var inputElement = $('#input1');
  
  // 设置背景色为红色
  inputElement.css('background-color', 'red');
});

Copier après la connexion

Dans le code ci-dessus, utilisez d'abord la fonction $() pour obtenir l'élément de la zone de saisie, puis utilisez la méthode css() pour définir sa couleur d'arrière-plan sur rouge. Parmi elles, la méthode css() est la méthode utilisée dans jQuery pour définir et obtenir les propriétés CSS.

En plus de définir la couleur d'arrière-plan, vous pouvez également modifier le style de l'élément en définissant d'autres propriétés CSS. Par exemple, vous pouvez définir la taille et la couleur de la police, les bordures, etc. Voici un exemple de code :

// 设置字体大小为18px
inputElement.css('font-size', '18px');

// 设置字体颜色为绿色
inputElement.css('color', 'green');

// 设置边框为1px的黑色边框
inputElement.css('border', '1px solid black');

Copier après la connexion

En conclusion, en utilisant jQuery, vous pouvez facilement manipuler des éléments HTML et modifier leurs styles. J'espère que cette introduction vous sera utile.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!