码迷,mamicode.com
首页 > Web开发 > 详细

JQuery总结

时间:2018-05-02 20:52:27      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:load   jquery   query   UNC   结构   执行   关联   写法   css   

一、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、表单属性过滤选择器

JQuery总结

标签:load   jquery   query   UNC   结构   执行   关联   写法   css   

原文地址:https://www.cnblogs.com/baojiao/p/8981889.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!