jquery-1

层次

空格的作用：匹配所有的后代元素

>的作用：在给定的父元素下匹配所有的子元素

+的作用：匹配下一个兄弟节点

~的作用：匹配所有兄弟节点

 

三种书写方式 也叫工厂函数
$(document).ready(function(){
console.log(0)
})
$().ready(function(){
console.log(1)
})
$(function(){
console.log(2)
})
$(function(){
var $div=$("div");
console.log(#div)

var div=document.get
})

 

document.getElementById()：根据id来获取指定id的控件对象

document.getElementsByClassName()：返回文档中所有指定类名的元素集合

document.getElementsByName()：可返回带有指定名称的对象的集合

document.getElementsByTagName()：可返回带有指定标签名的对象的集合。

document.querySelector()：方法返回文档中匹配指定 CSS 选择器的一个元素。

document.queryselectorall()：方法返回文档中匹配指定 CSS 选择器的所有元素

 

ready和onload的区别

$(document).ready()和window.onload在表面上看都是页面加载时我们就去执行一个函数或动作，但是在具体的细节上$(document) ready()和window onload还是有区别的。

最基本的区别

1.

.执行时间

　　window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
　　$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

2.编写个数不同

　　window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 
　　$(document).ready()可以同时编写多个，并且都可以得到执行

3.简化写法

　　window.onload没有简化写法 
　　$(document).ready(function(){})可以简写成$(function(){});