jQueryend()实例

实例一、

专注于为中小企业提供成都网站设计、成都网站建设、外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业灵川免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近1000家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

<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

网站题目：jQueryend()实例
地址分享：https://www.cdcxhl.com/article14/pjjoge.html

成都网站建设公司_创新互联，为您提供域名注册、微信小程序、微信公众号、响应式网站、外贸建站、

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容