示例代码如下：获取被点击的a标签的索引值创建Html元素

点击a标签获取其索引值：

我是第一个a标签

我是第二个a标签

我是第三个a标签

我是第四个a标签

设置css样式div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}div.box span{color:#999;font-style:italic;}div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}a{display:block;padding:5px;text-decoration:none;}.selected{background:#99ccff;}编写jquery代码$(function(){$(".content a").click(function() {$(this).addClass('selected'); // 给被点击元素添加样式alert($(this).index());})})观察效果：因为index从0开始计数，所以点击第三个元素，获取的索引值是2

第一步，首先想变a标签的位置，是使用css控制的，那么我们先前往css官方文档查看一下，有什么属性是可以控制位置的，最终我们找到定位position 属性可以轻松解决

第二步，为了方便我们对html代码进行编辑第三步，为了更加详细的说明怎么用第四步，我们使用css来position 给a标签改变位置第四步，我们前往浏览器打开这个html网页，发现a标签位置已经改变，只要改变top和left的大小就能改变位置

可以通过id选中a标签，

可以通过class选中a标签，

可以直接通过标签名称选中a标签

例如：<a id='targa' class='targa' />

js 代码有3种：

document.getElementById('targa');#id获取

document.getElementsByTagName('a')；#标签

document.getElementsByClassName('targa');#class获取