我已经阅读了每个函数的文档 jQuery official website,但是下面的函数之间没有这样的比较列表:
$().click(fn)
$().bind('click',fn)
$().live('click',fn)
$().delegate(selector, 'click', fn)
$().trigger('click') // UPDATED
$().on('click', selector ,fn); // more UPDATED
Run Code Online (Sandbox Code Playgroud)
请避免任何参考链接.
以上所有功能如何正常工作以及哪种情况应该首选?
注意:如果有任何其他功能具有相同的功能或机制,那么请详细说明.
我也看过一个$.trigger功能.它是否与上述功能类似?
现在.on在v1.7中添加,我认为这个在某种程度上涵盖了所有上述功能要求.
<ul class="bullets">
<li><a href="#">item 1</a></li>
<li><a href="#">item 2</a></li>
<li><a href="#">item 3</a></li>
<li><a href="#">item 4</a></li>
<li><a href="#">item 5</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
当我点击<a>元素时,我想得到它的父母<li>的索引号.
我正在尝试创建一个carrousel类型函数,它不需要列表项上的item-n类.
$(".bullets li a").click(function(){
var myIndex = $(this).parent().index(this);
showPic(myIndex);
});
Run Code Online (Sandbox Code Playgroud)
谢谢你的帮助.
TD.
如何确定其父元素中的元素索引?假设您具有以下DOM结构,并且已为子div 设置了单击事件侦听器.当点击它们中的每一个时,我想知道它是关于父div的索引.
<div class="parent">
<div class="child">...</div>
<div class="child">...</div>
<div class="child">...</div>
<div class="child">...</div>
</div>
Run Code Online (Sandbox Code Playgroud) 如果我有一个像html结构:
<div id="parent">
<div class="child first">
<div class="sub-child"></div>
</div>
<div class="child second">
<div class="sub-child"></div>
</div>
<div class="child third">
<div class="sub-child"></div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我有一个定义的点击处理程序($('#parent.child')).click(),然后我点击了类的类second(first, second, third简单地添加了类以使演示更清晰)是否有一个简单的方法来获得数字1,因为它是第二个孩子?(基于0指数)?
就像是 $(this).index