并规定当这些事件发生时运行的函数。从jQuery 1.7开始,.delegate()已经被.on()方法取代。
语法:
$(selector).delegate(childSelector,event type,function)
参数说明:
childSelector 必需。规定要附加事件处理程序的一个或多个子元素。
event 必需。规定附加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。
function 必需。规定当事件发生时运行的函数。
$(document).ready(function(){
$(‘.container’).delegate(‘.box’,’click’,function(){
$(this).clone().appendTo(‘.container’);
});
});
delegate()会在以下两个情况下使用到:
1、如果你有一个父元素,需要给其下的子元素添加事件,这时你可以使用delegate()了,代码如下:
$(“ul”).delegate(“li”, “click”, function(){
$(this).hide();
});
2、当元素在当前页面中不可用时,可以使用delegate()
end()方法
end()方法:在jquery命令链内调用,以便退回到前一个包装集。
每次过滤方法都会被压入栈中。当我们需要返回到前一个状态时,我们可以使用end() 进行出栈操作,来返回栈中的前一个状态。
end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。
<head>
<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ />
<title></title>
<script src=”http://libs.baidu.com/jquery/1.9.0/jquery.js”></script>
</head>
<body>
<ul class=”one”>
<li class=”two”>item 1</li>
<li>item 2</li>
<li class=”three”>item 3</li>
</ul>
<script type=”text/javascript”>
$(‘ul.one’).find(“.two”).css(“color”,”red”).find(‘.three’).css(“background”,”blue”);
</script>
在上面的代码例子中,我们只会看到item 1的字体颜色改变了,而背景颜色没有改变。这是因为
第二个find()方法之前的状态返回的是红色字体的class值为two的对象,因此,第二次find()只会查找<ul class=”one”> 中的.two,使用end()方法修改该链式操作的代码如下:
<script type=”text/javascript”>










