溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
實例一、
<body>
<p><span>Hello</span>, how are you?</p>
<script>$("p").find("span").end().css("border", "2px red solid");</script>
</body>
//說明
//$("p").find("span")表示查找P元素下的SPAN元素
//但是我想更改P的邊框，這時我就要返回到P元素（即從SPAN返回到P,就是還原為之前的狀態)
//$("p").find("span").end()這個語句就返回來了。
//$("p").find("span").end().css("border", "2px red solid")把P的邊框設置了。實例二、
<div id="test">
<h2>jQuery end()方法</h2>
<p>講解jQuery中end()方法。</p>
</div>
<scripg>
$(document).ready(function() {
$("#test").click(function() {
$(this).find("p").hide().end().hide();
});
});
</script>
//說明 //點擊id為test的div時，首先找到div里邊的p標簽，將其隱藏。 //接下來使用end()方法結束了對p標簽的引用，此時返回的是#test(jQuery對象)，從而后邊的hide()方法隱藏了div。實例三、
<script type="text/javascript">
$(function(){
$('<input type="button" value="click me" /><input type="button" value="triggle click me" /><input type="button" value="detach handle" /><input type="button" value="show/hide text" />').appendTo($('body'));
$('input[type="button"]').eq(0).click(function(){
alert('you clicked me!');
})
.end().eq(1).click(function(){
$('input[type="button"]:eq(0)').trigger('click');
})
.end().eq(2).click(function(){
$('input[typw="button"]:eq(0)').unbind('click');
})
.end().eq(3).toggle(function(){
$('.panel').hide('slow');
},function(){
$('.panel').show('slow');
});
})
</script>
<div class="panel">welcome to jQuery!</div>參考資料： jQuery end() http://www.studyofnet.com/news/932.html
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
