请问这段页签的部分js什么意思?

JavaScript010

请问这段页签的部分js什么意思?,第1张

$(".tab").each(function(){//循环遍历 类名为tab元素

var t = $(this).children("a:not(.more),li"),//this表示自身 查找自身a标签类名不为more的元素和li元素

p = $(this).parent().children("ul:not(.tab),div.pane")//查找同级元素 条件意思同上parent是父元素

t.mouseover(function(){//给t添加鼠标移上事件

//这里的this是触发这个事件的元素

$(this).addClass("current").siblings().removeClass("current")//自身class添加current删除同胞元素class中的current

p.hide().eq(t.index(this)).show()//p隐藏eq是遍历index是获取下标 show是显示

$(this).parent().find("a.more").attr("href",$(this).attr("href"))//查找自身父元素中a标签类名为more的元素 href赋值为自身的href,简单来说就是把自身的href赋值给父元素a标签类名为more

})

})

bootstrap是不提供 输入框 提示功能 的JS插件,一直到到现在的v3都不提供。

但是他提供模态窗、下拉菜单等JS插件,具体的可以到官方网站查看,在网站顶部有个页签“javascript”就是JS插件了。

bootstrap所有的JS插件都是jQuery插件,提供两种接口方式,一种是在页面元素中声明data-属性,如:

1

2

3

4

5

6

<div class="dropdown">

<a data-toggle="dropdown" href="#">Dropdown trigger</a>

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">

...

</ul>

</div>

另一种,就是直接操作JS接口,如:

1

$('.dropdown-toggle').dropdown()