jQuery
介绍&入门
<script src="js/jquery-3.3.1.min.js"></script> <script> // let node1 = document.getElementById("id") // alert(node1); // alert(node1.innerText); let node2 = $("#id"); alert(node2 ); alert(node2.html()) </script>
基本语法
js和jq对象转换
事件
使用
<script> $("#click").click(function(){ alert("点我干饭?") }) </script>
绑定&解绑
切换&遍历
<body> <ul> <li>传智播客</li> <li>程序员</li> <li>仁智专修学院</li> </ul> <input type="button" value="点我" id="btn"> </body> <script> //方式一 // $("#btn").click(function(){ // let lis = $("li") // for(let i =0; i<lis.length;i++){ // alert(lis[i].innerHTML) // } // }) //方式二 $("#btn").click(function(){ let lis = $("li") lis.each(function(index,ele){ alert(index+":"+ele.innerHTML) }) }) </script>
//方式三 // let lis = $("li") // $.each(lis,function(index,ele){ // alert(index+":"+ele.innerHTML) // }) //方式四 let lis = $("li") for(ele of lis){ alert(":"+ele.innerHTML) }