# .zIndex()
Categories: [Methods](http://www.css88.com/jquery-ui-api/category/methods/ "View all posts in Methods") | [UI Core](http://www.css88.com/jquery-ui-api/category/ui-core/ "View all posts in UI Core")
####
* [.zIndex()](#zIndex1)
* [.zIndex()](#zIndex)
* [.zIndex( zIndex )](#zIndex2)
* [.zIndex( zIndex )](#zIndex-zIndex)
## .zIndex()Returns: [jQuery](http://api.jquery.com/Types/#jQuery)
**Description:** 为元素获取 z-index。
* #### [.zIndex()](#zIndex)
* 该方法不接受任何参数。
`.zIndex()` 方法在查找一个元素的 z-index 时非常有用,忽略 z-index 是否是直接设置在元素上还是设置在祖先元素上。为了确定 z-index,该方法会在指定的元素上开始,且会沿着 DOM 查找,直到找到一个带有 z-index 的已定位的元素。如果未找到这样的元素,该方法将返回一个 `0` 值。
该方法假设带有嵌套 z-index 的元素不带有一个 `0` 值的 z-index。例如,给出下面的 DOM,内部元素将被当成不带有 z-index,因为在 Internet Explorer 中无法区分一个 `0` 显式值和无值。
```
<div style="z-index: -10;">
<div style="z-index: 0;"></div>
</div>
```
## .zIndex( zIndex )Returns: [Integer](http://api.jquery.com/Types/#Integer)
**Description:** 为元素设置 z-index。
* #### [.zIndex( zIndex )](#zIndex-zIndex)
* **zIndex**Type: [Integer](http://api.jquery.com/Types/#Integer)要设置的 z-index。
这相当于 `.css( "zIndex", zIndex )`。
- 索引
- Effects
- .addClass()
- Blind Effect
- Bounce Effect
- Clip Effect
- Color Animation
- Drop Effect
- Easings
- .effect()
- Explode Effect
- Fade Effect
- Fold Effect
- .hide()
- Highlight Effect
- Puff Effect
- Pulsate Effect
- .removeClass()
- Scale Effect
- Shake Effect
- .show()
- Size Effect
- Slide Effect
- .switchClass()
- .toggle()
- .toggleClass()
- Transfer Effect
- Effect Core
- .addClass()
- Color Animation
- .effect()
- .hide()
- .removeClass()
- .show()
- .switchClass()
- .toggle()
- .toggleClass()
- Interactions
- Draggable Widget
- Droppable Widget
- Mouse Interaction
- Resizable Widget
- Resizable Widget
- Selectable Widget
- Sortable Widget
- Method Overrides
- .addClass()
- .focus()
- .hide()
- .position()
- .removeClass()
- .show()
- .toggle()
- .toggleClass()
- Methods
- .disableSelection()
- .effect()
- .enableSelection()
- .focus()
- .hide()
- .position()
- .removeUniqueId()
- .scrollParent()
- .show()
- .toggle()
- .uniqueId()
- .zIndex()
- Selectors
- :data() Selector
- :focusable Selector
- :tabbable Selector
- Theming
- CSS 框架(CSS Framework)
- Icons
- Stacking Elements
- UI Core
- :data() Selector
- .disableSelection()
- .enableSelection()
- .focus()
- :focusable Selector
- .removeUniqueId()
- .scrollParent()
- :tabbable Selector
- .uniqueId()
- .zIndex()
- Utilities
- Easings
- Widget Factory
- Widget Plugin Bridge
- Mouse Interaction
- .position()
- Widgets
- Accordion Widget
- Autocomplete Widget
- Button Widget
- Datepicker Widget
- Dialog Widget
- Menu Widget
- Progressbar Widget
- Slider Widget
- Spinner Widget
- Tabs Widget
- Tooltip Widget