1.11 jquery简介1. $div[0]; 2. $div.get(0); 2 选择指定属性具有包含一个给定的子

window.onload=function(){

} 当页面所有的资源都加载完成之后再去执行

资源：页面元素元素所引用的图片视频

若以下代码

window.onload=function(){

console.log(1)

}

window.onload=function(){

console.log(2)

}

则输出 2

写在头部时用文档就绪函数

【文档就绪函数在页面结构加载完成之后执行】

<title>Document</title>

$(document).ready(function(){

console.log($(wrapper))

})

</script>

</head>

<body>

</body>

</html>

-------------------------------------------分割线----------------------------------------------

$(document).ready(function(){

console.log($(wrapper))

})

文档就绪函数简写方法

$(function(){

console.log($(wrapper))

})

可以写多个

--------------------------------------------分割线---------------------------------------------

<body>

var oDiv=document.getElementById("wrapper");

var $div = $("#wrapper");

console.log($div)

</script>

</body>

dom对象转换成jq对象

var $d=$(oDiv);

jq对象转换成dom对象

1. $div[0];

2. $div.get(0);

dom对象不能调用jq里的方法

jq对象不能调用dom方法

--------------------------------------------分割线---------------------------------------------

$("#list1~li").css("background","red") 匹配后面所有的兄弟元素

$("#list1+li").css("background","red") 匹配下一个兄弟元素

$("li:eq(2)").css("background","red") 匹配第几个元素索引从0开始

$("li:eq(-1)").css("background","green") 匹配最后一个元素

$("li:even").css("color","red") 选中偶数元素从0开始

$("li:odd").css("color","red") 选中奇数元素从0开始

$(":header").css("color","#f00") 选中所有标题

--------------------------------------------分割线---------------------------------------------

元素可以被认为是隐藏的几种情况

1 他们的css display的值是none

2 他们是 type=“hidden”的表单元素

3 他们的宽度和高度都显示设置为0

4 一个祖先元素是隐藏的因此该元素是不会在页面上显示

区别

visibility:hidden; 只是设置可见度但依旧占用原有的空间

display:none; 元素不在页面结构中不占有空间

opacity:0; 只是设置可见度但依旧占用原有的空间

--------------------------------------------分割线---------------------------------------------

属性

1 选择指定属性值等于给定字符串或以该字符串为前缀（该字符串后跟一个连字符“-”）的元素

eg $("li[name |="list"]").css("color","orange")

2 选择指定属性具有包含一个给定的子字符串的元素。（选择给定的属性是以包含某些值的元素）

eg $("li[name *="list"]").css("color","orange")