Jquery是一款非常方便实用的JavaScript框架,其中click()函数是其中一个比较常用的函数。click()函数可以为选中的元素添加点击事件,而index()函数则可以获取选中元素在其父元素中的索引数值。利用这两个函数,我们可以轻松地实现点击对应元素后显示相应的内容。
$(function(){
$(".tab-title").click(function(){ //监听点击事件
var index = $(this).index(); //获取当前元素的索引数值
$(".tab-content").eq(index).show().siblings().hide(); //根据索引数值显示相应的内容
})
})
这段代码实现的功能非常简单,当类名为tab-title的元素被点击时,获取该元素在其父元素中的索引数值,然后根据该索引数值在类名为tab-content的元素中找到对应的内容并显示,同时隐藏其他的内容。
以上就是使用Jquery的click()函数和index()函数实现点击索引功能的简单介绍,希望对广大读者有所帮助。