Comment augmenter la couleur d'arrière-plan de la valeur jquery ul li-Questions et réponses frontales-php.cn

Comment augmenter la couleur d'arrière-plan de la valeur jquery ul li

青灯夜游

Libérer： 2022-05-23 13:46:18

original

2692 Les gens l'ont consulté

Deux méthodes : 1. Utilisez css() pour définir l'attribut d'arrière-plan, la syntaxe est "$("ul li").css("background","color value")". 2. Utilisez attr() pour ajouter un style d'arrière-plan, la syntaxe est "$("ul li").attr("style","background:color value")".

Comment augmenter la couleur d'arrière-plan de la valeur jquery ul li

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Deux façons d'augmenter la couleur d'arrière-plan de la valeur jquery ul li :

1 Utilisez la méthode css()

css() pour renvoyer ou définir un ou plusieurs attributs de style de l'élément correspondant.

Il vous suffit d'ajouter l'attribut d'arrière-plan (background-color ou background) à l'élément ul li et de définir la valeur de couleur.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
                $("ul li").css("background","red");
            })
        })
    </script>
	</head>
	<body>
		<ul>
			<li>第1个li元素</li>
			<li>第2个li元素</li>
			<li>第3个li元素</li>
			<li>第4个li元素</li>
			<li>第5个li元素</li>
			<li>第6个li元素</li>
		</ul>
		<button>ul li值增加背景颜色</button>
	</body>
</html>

Copier après la connexion

Comment augmenter la couleur darrière-plan de la valeur jquery ul li

2. Utilisez la méthode attr()

attr() pour définir ou renvoyer la valeur d'attribut de l'élément sélectionné.

Il vous suffit de définir l'attribut style sur l'élément ul li pour ajouter un style d'arrière-plan.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
                $("ul li").attr("style","background:pink");
            })
        })
    </script>
	</head>
	<body>
		<ul>
			<li>第1个li元素</li>
			<li>第2个li元素</li>
			<li>第3个li元素</li>
			<li>第4个li元素</li>
			<li>第5个li元素</li>
			<li>第6个li元素</li>
		</ul>
		<button>ul li值增加背景颜色</button>
	</body>
</html>

Copier après la connexion

Comment augmenter la couleur darrière-plan de la valeur jquery ul li