<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<Script src="./jquery-3.3.1.min.js"></Script>
<title>Document</title>
<script>
// window.onload = function(){
// console.log(0)
// }
// $三种简写
// $(document).ready(function(){
// })
// $().ready(function(){
// })
// $(function(){
// })
// alert();
// window.alert()弹窗
// function a(){
// }
// console.log(window)
// js => jq
// jq = $(js/dom)
// jq = $(div)
// jq = $("<li>列表</li>")
// jq =>js
// [0]
// js = jq[0]
// js = $div[0]
$(function(){
// var div = document.querySelector(".div");
// div.onclick = function(){
// }
// var $div = $(div)
// var $div = $(":first")
// $div.click(function(){
//})
//$("li:first")
// $("li:eq(2)").css("color","red")
// $("li:gt(2)").css("color","green")
// $("li:lt(2)").css("color","blue")
// $("li:parent").css("color","red")
// $("li:has(.span)").css("color","red")选择器
// $("li:contains(999)").css("color","red")文本
})
</script>
</head>
<body>
<!-- <div class="div"></div> -->
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4<span class="span">999</span></li>
<li>列表5</li>
<li></li>
</ul>
</body>
</html>