jQuery修改行内样式的方法是什么,怎样实现?

Admin 2022-01-18 群英技术资讯

    这篇文章我们来了解jQuery修改行内样式的方法,改变行内样式并不难,这里我们使用attr()就能实现,下面我们通过实例来详细的了解看看吧,有需要的朋友可以参考。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

    jquery怎么改变行内样式

    行内样式是写在HTML标签的style属性中的,是style属性的属性值;我们可以通过style属性的值来改变行内样式。

    而想要控制标签的属性,可以使用attr() 方法。

    attr() 方法设置或返回被选元素的属性值。

    设置style属性的语法:

$(元素).attr("style","行内样式代码")
$(元素).attr({style:"行内样式代码"})

    示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
			  $("button").click(function(){
				$("p").attr("style","border: 2px solid green; background-color: #55aa7f;color: white;");
			  });
			});
		</script>
	</head>
	<body>
		<p style="border: 1px solid red; background-color: #FFC0CB;">hello,测试文字</p>
		<button>修改行内样式</button>
	</body>
</html>

    以上就是jQuery修改行内样式的方法介绍,上述示例具有一定的参考价值,有需要的朋友可以了解看看,希望对大家学习jQuery的使用有帮助,想要了解更多可以继续浏览群英网络其他相关的文章。

文本转载自PHP中文网

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

猜你喜欢

群英网络开启智能安全云计算之旅

注册领取新人大礼包
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务

联系我们

24小时售后 24小时售后TEL:0668-2555666 售前咨询TEL:400-678-4567 投诉建议TEL:0668-2555999 投诉建议邮箱:tousu@palmspringsartmagazine.com 信息安全TEL:0668-2555118 域名空间客服 公司总机:0668-2555555 公司传真:0668-2555000
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部