jquery隐式迭代

news/2024/7/19 14:31:25 标签: css, jquery, js, html, javascript

html" title=jquery>jquery对象的html" title=css>css方法会将获取的所有元素遍历修改属性
在这里插入图片描述

html"><!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script src="html" title=js>js/html" title=jquery>jquery-3.5.1.min.html" title=js>js">javascript"></script>
	</head>
	<body>
		<div>惊喜不</div>
		<div>惊喜不</div>
		<div>惊喜不</div>
		<ul>
			<li>意外不</li>
			<li>意外不</li>
			<li>意外不</li>
			<li>意外不</li>
		</ul>
		<script>javascript">
			//获取四个div元素
            console.log($('div'))
			//给四个div设置背景颜色
            $('div').html" title=css>css('background', 'pink')  //内置for循环,全部div都会被遍历修改
			// , 这就是隐式迭代
			$('ul>li').html" title=css>css('color', 'red');
		</script>
	</body>
</html>

http://www.niftyadmin.cn/n/1403944.html

相关文章

波峰焊与回流焊的区别

波峰焊与回流焊的区别&#xff08;上&#xff09; 波峰焊与回流焊是两种比较常见的焊接方式&#xff0c;下面我们就来谈一下波峰焊与回流焊的区别。表贴。表面安装技术&#xff0c;简称SMT&#xff0c;作为新一代电子装联技术已经渗透到各个领域&#xff0c;SMT产品具有结构紧…

jquery tab栏

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><title>Title</title><script src"js/jquery-3.5.1.min.js"></script> <!--导入jquery--><style>* {margin: 0;paddi…

去耦电容的容值计算和布局布线

有源器件在开关时产生的高频开关噪声将沿着电源线传播。去耦电容的主要功能就是提供一个局部的直流电源给有源器件&#xff0c;以减少开关噪声在板上的传播&#xff0c;和将噪声引导到地。去耦电容的容值计算去耦的初衷是&#xff1a;不论IC对电流波动的规定和要求如何都要使电…

jquery css方法的三种使用,调用时可以传入对象

jQuery可以使用css方法来修改简单元素样式;也可以操作类&#xff0c;修改多个样式。 说明示例1.参数只写属性名&#xff0c;则是返回属性值$(this).css(“color”’);2.参数是属性名&#xff0c;属性值&#xff0c;逗号分隔&#xff0c;是设置一组样式&#xff0c;属性必须加引…

沉金板与镀金板的区别

一、沉金板与镀金板的区别   二、为什么要用镀金板   随着IC 的集成度越来越高&#xff0c;IC脚也越多越密。而垂直喷锡工艺很难将成细的焊盘吹平整&#xff0c;这就给SMT的贴装带来了难度&#xff1b;另外喷锡板的待用寿命&#xff08;shelf life&#xff09;很短。而镀…

bin文件格式分析

xip 的 bin 文件分析 一个bin 文件在存储上是按下面的结构存储的 组成&#xff1a;标记(7)Image开始地址(1)Image长度(1) 记录0地址记录0长记录0校验和记录0内容(文件内容) 记录1地址记录1长记录1校验和记录1内容(文件内容) ...... 最后一…

jquery 操作类

作用等同于以前的classList&#xff0c;可以操作类样式&#xff0c;注意操作类里面的参数不要加点。 1.添加类$(“div" ).addClass("current");2.移除类$(“div" ).removeClass("current");3.切换类$(“div" ).toggleClass("current&…

jquery 实现淘宝tab栏,相关jquery代码仅三行!!!

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><title>tab栏切换</title><script src"js/jquery-3.5.1.min.js"></script><style>* {margin: 0;padding: 0;}.tab {display…