jQuery学习:CSS样式

¡Venceremo

于 2022-11-10 21:22:21 发布

阅读量168

点赞数

文章标签： css jquery 学习

本文链接：https://blog.csdn.net/weixin_47295886/article/details/127796699

版权

本文详细介绍了如何在HTML中使用CSS样式和DOM操作，包括添加类、修改元素属性，以及使用eq方法定位元素。通过实例演示了如何设置p标签的颜色、背景和尺寸，以及JavaScript中的选择器和样式应用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置属性也可以添加addClass类

	.cla {
				color: #ff55ff;
				background-color: blue;
				width: 300px;
				height: 30px;

			}

        <p style="color: blue;">Lorem, ipsum dolor.</p>
		<p style="color: green;">Lorem ipsum dolor sit amet.</p>

eq(1) 查找特定元素

	        // 得到第一个p标签的颜色
			console.log($('p:first').css('color'))
			// 设置所有p标签的文本颜色为red	
			$('p').css('color', 'red')
			// 设置第2个p的字体颜色(#bfa)背景blue 宽300 高30
			//$('p').eq(1).addClass("cla")
			$('p').eq(1).css({
				color: "#ff55ff",
				background: 'blue',
				width: 300,
				height: 30,
			})