<script>
// 采用等于号赋值的方式,缺点:只加载最后一个
window.onload = function(){
console.log(0)
}
$(document).ready(function(){ })
可简写为
$().ready(function(){ })
再简写为
$(function(){})
alert();
全称为:window.alert()
function a(){ }
console.log(window)
js=>jq 将js转换为jq
$() 工厂函数 jq= $(js/dom);
将dom文本包装成jq
jq=$(div)
jq=$("<li>列表</li>")
jq => js 将js转换为jq
[0]
js = jq[0]
js = $div[0] $div[0]为jq对象
$(function(){
var div = document.querySelector(".div") 原生js
var $div = $("div") 把原生js调用成jq方法
var $div = $(".div")
var $div = $("*:last") 过滤器可以单独使用,前面加一个*表示加载前面的所有
基本筛选器:
// :eq 等于
// :gt 大于
// :lt 小于
实例:
// $("li:eq(2)").css("color","red")
// $("li:gt(2)").css("color","green")
// $("li:lt(2)").css("color","blue")
// $("li:parent").css("color","red")
has 来验证是否包含子元素
// $("li:has(.span)").css("color","red") 选择器
$("li:contains(span)").css("color","red")
})
</script>
</head>
<body>
<div class="div"></div>
<ul>
<li >列表1</li>
<li >列表2</li>
<li >列表3<span class="span">span</span></li>
<li >列表4</li>
<li >列表5</li>
<li></li>
</ul>
</body>

浙公网安备 33010602011771号