                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(四)—动画篇

这个为什么选择出现问题? 就是last为什么选择的不是我想要的明明是有三个button却选择第二个为last

<body>

<h2>hide</h2>

<div class="left">

<h4>测试一</h4>

<div id="a1">hide操作</div>

<button>直接hide</button>

<script type="text/javascript">

//点击buttom1 直接隐藏

$("button:first").click(function() {

$("#a1").hide();

});

</script>

<h4>测试一</h4>

<div id="a2">hide动画操作</div>

<button>hide带动画</button>

<script type="text/javascript">

//点击buttom2 执行动画隐藏

/*$("button:last").click(function() {

$("#a2").hide({

duration: 3000,

complete: function() {

alert('执行3000ms动画完毕')

}

})

});

*/

$("button:last").css("color","red");

</script>

<h4>测试2</h4>

<div id="a3">测试动画</div>

<button>点击测试</button>

<script type="text/javascript">

$("button:eq(2)").click(function(){

$("#a3").hide("slow");

})

$("button:last").css("color","blue");

$("button:first").css("color","green");

</script>

</div>

</body>

</html>

qq_世界左右丈量阳光_0

2017-10-21

源自：jQuery基础(四)—动画篇 1-2

关注问题我要回答

1687

操作

收起

4 回答

qq_杀意隆_0 回答被采纳 +2 积分
2017-10-21

是的。或者第2个脚本这样写，等全部文档加载完再执行js代码。

 <script type="text/javascript">
        //点击buttom2 执行动画隐藏
        /*$("button:last").click(function() {
            $("#a2").hide({
                duration: 3000,
                complete: function() {
                    alert('执行3000ms动画完毕')
                }
            })
        });
        */
        
        //等文档加载完再执行此js代码
        $(document).ready(function(){
            
            $("button:last").css("color","red");
        })
        </script>

0 回复有任何疑惑可以回复我~

#1

qq_世界左右丈量阳光_0 提问者

非常感谢！

2017-10-22 回复有任何疑惑可以回复我~

妮妮w
2018-10-07

$("button:eq(2)").click(function(){ 这句好像是选的第三个button 吧 eq(index) index 从0 开始

0 回复有任何疑惑可以回复我~

qq_杀意隆_0
2017-10-21

看你都学js这么长时间了，照理这点你应该早就知道了啊

0 回复有任何疑惑可以回复我~

#1

qq_世界左右丈量阳光_0 提问者

这个javascript位置有关系吗?它放的位置只读前面的数据不是全局?

2017-10-21 回复有任何疑惑可以回复我~

qq_杀意隆_0
2017-10-21

你干嘛一个例子写一个<script></script>呢？直接统一在后面写一个就够了。

 <script type="text/javascript">
        //点击buttom2 执行动画隐藏
        /*$("button:last").click(function() {
            $("#a2").hide({
                duration: 3000,
                complete: function() {
                    alert('执行3000ms动画完毕')
                }
            })
        });
        */
        $("button:last").css("color","red");
        </script>

你这个脚本插入时，前面只有2个button，所以第二个button相对这个脚本来说就是最后一个button。

html文档是由上往下执行的。

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础(四)—动画篇

参与学习 85049 人
解答问题 262 个

jQuery基础教程动画篇，讲解jQuery基础开启动画修炼

本课相似问答

2 回答参数是选择器的用法

3 回答css选择器

2 回答对于选择器的使用 $("#animation").val()与$("option").val(). 为什么用第二种不会出现效果

2 回答选择器的使用

3 回答button:first和:last是什么意思

搜索更多本课相关问答

这个为什么选择出现问题? 就是last为什么选择的不是我想要的明明是有三个button却选择第二个为last

我要回答关注问题

意见反馈帮助中心 APP下载