JQuery总结

Posted 2020-11-02 baojiao

一、window.onload和$(document).ready();的区别

　　1、执行时机

　　　　window.onload：必须等待网页所有内容加载完毕后（包括图片）才能执行

　　　　$(document).ready();：网页中所有dom结构绘制完毕后就执行，可能dom关联的东西还没有加载完毕

　　2、编写个数

　　　　window.onload：不能同时编写多个

　　　　$(document).ready();：能同时编写多个

　　3、简化写法

　　　　window.onload：无

　　　　$(document).ready();：$(document).ready(function(){

　　　　　　　　　　　　　　　　});

　　　　　　　　　　　　　　  可简化成：$(function(){

　　　　　　　　　　　　　　　　　　　 });

二、常用的CSS选择器

　　1、标签选择器

　　　　p{}

　　2、ID选择器

　　　　#ID{}

　　3、类选择器

　　　　.dream{}

　　4、群组选择器

　　　　td,p,div{}

 

 

　　5、后代选择器

　　　　#link a{}

　　6、通配选择器

　　　　*{}

　　7、伪类选择器

　　　　E:Pseudo-Elements{}

　　8、子选择器

　　　　div>a{}

　　9、临近选择器

　　　　E+F{}

　　10、属性选择器

　　　　E[attr]{}

三、JQuery中选择器和方法的等价使用

　　1、$(".one + div");<=>$(".one").next("div");

　　2、$("#prev~div");<=>$("#prev").nextAll("div");

四、过滤选择器

　　1、基本过滤选择器

　　　　

　　2、内容过滤选择器

　　3、可见性过滤选择器

　　4、属性过滤选择器

　　5、子元素过滤选择器

　　6、表单属性过滤选择器