如何使用jQuery在悬停时设置z-index？

Question

如何在img元素的悬停上设置z-index？当鼠标指针位于img之外时,z-index必须为0,否则应为9.

我知道如何设置它,但不知道如何在悬停时更改它.

$('#content img').click(function () {
    $(this).css("z-index", "99")
});

Answer 1

$('#content img').mouseover(function () {
    $(this).css("z-index", "9")
});

$('#content img').mouseout(function () {
    $(this).css("z-index", "0")
});