几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
例如:
<a href=” url”> link text</a>
开始标签和结束标签之间的文字被作为超级链接来显示.
其中,”链接文本” 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
示例代码如下:获取被点击的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
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<body>标签中,输入html代码:<ahref=””style=”display:block;border:1pxsolidblueviolet;width:200px;height:50px;”>超链接</a>
3、浏览器运行index.html页面,此时成功控制了a标签的宽度为200px,高度为50px。