這個為什么選擇出現(xiàn)問題? 就是last為什么選擇的不是我想要的 明明是有三個button卻選擇第二個為last
<body>
? ? <h2>hide</h2>
? ? <div class="left">
? ? ? ? <h4>測試一</h4>
? ? ? ? <div id="a1">hide操作</div>
? ? ? ? <button>直接hide</button>
? ? ? ? <script type="text/javascript">
? ? ? ? //點(diǎn)擊buttom1 直接隱藏
? ? ? ? $("button:first").click(function() {
? ? ? ? ? ? $("#a1").hide();
? ? ? ? });
? ? ? ? </script>
? ? ? ? <h4>測試一</h4>
? ? ? ? <div id="a2">hide動畫操作</div>
? ? ? ? <button>hide帶動畫</button>
? ? ? ? <script type="text/javascript">
? ? ? ? //點(diǎn)擊buttom2 執(zhí)行動畫隱藏
? ? ? ? /*$("button:last").click(function() {
? ? ? ? ? ? $("#a2").hide({
? ? ? ? ? ? ? ? duration: 3000,
? ? ? ? ? ? ? ? complete: function() {
? ? ? ? ? ? ? ? ? ? alert('執(zhí)行3000ms動畫完畢')
? ? ? ? ? ? ? ? }
? ? ? ? ? ? })
? ? ? ? });
? ? ? ? */
? ? ? ? $("button:last").css("color","red");
? ? ? ? </script>
? ? ? ? <h4>測試2</h4>
? ? ? ? <div id="a3">測試動畫</div>
? ? ? ? <button>點(diǎn)擊測試</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>
2017-10-21
是的?；蛘叩?個腳本這樣寫，等全部文檔加載完再執(zhí)行js代碼。
?<script?type="text/javascript"> ????????//點(diǎn)擊buttom2?執(zhí)行動畫隱藏 ????????/*$("button:last").click(function()?{ ????????????$("#a2").hide({ ????????????????duration:?3000, ????????????????complete:?function()?{ ????????????????????alert('執(zhí)行3000ms動畫完畢') ????????????????} ????????????}) ????????}); ????????*/ ???????? ????????//等文檔加載完再執(zhí)行此js代碼 ????????$(document).ready(function(){ ???????????? ????????????$("button:last").css("color","red"); ????????}) ????????</script>2018-10-07
?$("button:eq(2)").click(function(){? ?這句好像是選的第三個button 吧? eq(index)? index 從0 開始
2017-10-21
看你都學(xué)js這么長時間了，照理這點(diǎn)你應(yīng)該早就知道了啊
2017-10-21
你干嘛一個例子寫一個<script></script>呢？直接統(tǒng)一在后面寫一個就夠了。
?<script?type="text/javascript"> ????????//點(diǎn)擊buttom2?執(zhí)行動畫隱藏 ????????/*$("button:last").click(function()?{ ????????????$("#a2").hide({ ????????????????duration:?3000, ????????????????complete:?function()?{ ????????????????????alert('執(zhí)行3000ms動畫完畢') ????????????????} ????????????}) ????????}); ????????*/ ????????$("button:last").css("color","red"); ????????</script>你這個腳本插入時，前面只有2個button，所以第二個button相對這個腳本來說就是最后一個button。
html文檔是由上往下執(zhí)行的。