jQuery怎样设置更改z-index的值?
发布时间:2022-04-11 17:02:47 所属栏目:语言 来源:互联网
导读:这篇文章给大家分享的是jQuery设置修改z-index的值的方法。在jQuery中,我们可以使用css()或attr()方法来修改元素的值,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。 本教程操作环境:windows7系统、jquery1.10.2版
这篇文章给大家分享的是jQuery设置修改z-index的值的方法。在jQuery中,我们可以使用css()或attr()方法来修改元素的值,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。 本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。 在jquery中,可以利用css()或attr()方法来修改元素的z-index值。 css() 方法可设置被选元素的一个或多个样式属性。 attr() 方法可设置被选元素的属性值。 示例: </style> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { // $("img").css("z-index","1"); $("img").attr("style","z-index:1;"); }); }); </script> </head> <body> <h1>This is a heading</h1> <img src="img/2.jpg" /> <p>由于图像的 z-index 是 -1,因此它在文本的后面出现。</p><br /><br /><br /><br /><br /><br /> <button id="but1">改变z-index值,让图片在文字前</button> </body> (编辑:江门站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |