overflow:auto 加滾動條
scrollTop() 上下滾動條 scrollLeft() 左右滾動條
$().click(function(){ })
$().bind("click",function(){ }) 綁定事件
$().unbind("click") 解除綁定事件
<button> 按鈕標簽
$("<li>") 創建標簽
$("ul").on("click","li",data，function(){ }) 事件委托，可通過函數參數調用data
方式一：$().ready(函數) 加載完執行
方式二：$(function(){ }) 簡寫加載完執行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> <li>1111</li> <li>2222</li> <li>3333</li> <li>4444</li> </ul> <button>add</button> </body> <script src="jquery-3.1.1.js"></script> <script> // 事件准備加載方式一 // $(document).ready(function () { // $("ul li").html(5); // }); // 事件准備加載方式二 // $(function () { // $("ul li").html(5); // }); //事件綁定簡單形式 // var eles=document.getElementsByTagName("li") // eles.onclick=function () { // alert(123) // } // $("ul li").click(function () { // alert(6666) // }); // $("ul li").bind("click",function () { // alert(777) // }); // 事件委托 $('ul').on("click","li",10,function (self) { alert(self.data); }); $("button").click(function () { var $ele=$("<li>"); var $len=$("ul li").length; $ele.html(($len+1)*1111); $("ul").append($ele) }); $("ul li").unbind("click") </script> </html>
