JQuery11.10

<div>
<h1>标题1</h1>
<h1>标题2</h1>
<h1>标题3</h1>
<h1>标题4</h1>
<h1>标题5</h1>
</div>

 

$(function(){
　　$("div h1").click(function(){
　　$(this).show().siblings().hide()
　　alert("当前索引为："+$(this).index())

　　var w = $(this).width();//获取当前元素的宽度
　　var h = $(this).height();//获取当前元素的高度
})
})

点击任意一个标题弹出当前标题索引并隐藏其它标题

show()：显示当前元素

hiden()：隐藏当前元素

siblings()：除当前元素外的其他元素

 

index()：获取当前元素索引