分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

JQuery总结

发布时间:2023-09-06 01:52责任编辑:傅花花关键词:暂无标签

一、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总结

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved