JQuery总结

一、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(){

扫描二维码关注公众号,回复: 100817 查看本文章

                    });

二、常用的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、表单属性过滤选择器

猜你喜欢

转载自www.cnblogs.com/baojiao/p/8981889.html