甚么是zIndex

zIndex是CSS属性，也是JavaScript属性。在CSS中，它被用于控制区别元素的位置顺序，即层叠顺序。在JavaScript中，它被用于控制区别元素的层叠顺序和事件触发的前后顺序。在本文中，我们将介绍怎样使用jQuery设置zIndex。

怎样使用jQuery设置zIndex

使用jQuery设置zIndex的方法非常简单。我们只需要用css()函数设置样式便可。比如，我们要将一个元素的zIndex设置为100，可以这样写：

$(selector).css(zIndex,100);

其中，selector是元素的选择器。我们可使用id选择器、类选择器、属性选择器和众多的jQuery选择器来选择元素。

怎样使用jQuery获得zIndex

使用jQuery获得zIndex的方法也非常简单。我们只需要用css()函数获得样式便可。比如，我们要获得一个元素的zIndex，可以这样写：

varzIndex=$(selector).css(zIndex);

其中，selector是元素的选择器。我们可使用id选择器、类选择器、属性选择器和众多的jQuery选择器来选择元素。

怎样使用jQuery控制zIndex

使用jQuery控制zIndex的方法非常灵活。我们可以通过按钮、鼠标、键盘等多种方式来控制zIndex。比如，我们要实现一个点击按钮将某个元素的zIndex设置为最高的效果，可以这样写：

$(button).click(function(){varmaxIndex=0;$(selector).each(function(){varzIndex=$(this).css(zIndex);if(zIndex&&zIndex!=auto&&zIndex!=inherit){zIndex=parseInt(zIndex);if(zIndex>maxIndex){maxIndex=zIndex;}}});$(selector).css(zIndex,maxIndex+1);});

其中，button是按钮的选择器，selector是元素的选择器。这段代码会遍历所有的selector元素，找到其中最高的zIndex值，然后将被点击的button的zIndex值设置为该值加1。

桂.哥.网.络www.guIgege.cn