网站建设资讯

NEWS

网站建设资讯

jquery如何修改z-index值

这篇文章主要讲解了“jquery如何修改z-index值”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery如何修改z-index值”吧!

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的张家港网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

jquery修改z-index值的方法:1、用css()方法,语法“$(selector).css("z-index","值")”;2、用attr()方法,语法“$(selector).attr("style","z-index:值")”。

jquery如何修改z-index值

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

在jquery中,可以利用css()或attr()方法来修改元素的z-index值。

  • css() 方法可设置被选元素的一个或多个样式属性。

  • attr() 方法可设置被选元素的属性值。

示例:



	
		
		
			img {
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: -1;
			}
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					// $("img").css("z-index","1");
					$("img").attr("style","z-index:1;");
				});
			});
		

	

	
		

This is a heading

由于图像的 z-index 是 -1,因此它在文本的后面出现。

改变z-index值,让图片在文字前 

jquery如何修改z-index值

感谢各位的阅读,以上就是“jquery如何修改z-index值”的内容了,经过本文的学习后,相信大家对jquery如何修改z-index值这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


本文标题:jquery如何修改z-index值
网页路径:http://njwzjz.com/article/ihieeo.html