JQuery实战中遇到的两个小问题$(document).ready() 、bind函数的参数传递问题

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

1.执行时间

window.onload 必须等到页面内所有元素(包括图片 css js等)加载完毕后才会执行。

$(document).ready() 是DOM结构绘制完毕后就执行,不必等到所有元素加载完。

2.编写个数不同

window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个。

$(document).ready()可以同时编写多个,并且都可以得到执行,根据写的顺序决定先执行哪个。

3.简化写法

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

二、bind函数的参数传递问题

bind函数的定义: $(selector).bind(event,[data,]function)

很多刚开始用jquery的同学在用bind时都会犯过此类错误 $(“#id”).bind( “click”, function(this){ alert(this.val()); }); function句柄中调用的this参数 不是绑定的元素,而是bind绑定的事件

想再函数句柄中传递参数 可以采用下面的方法, 个人偏向第二种方法,代码易读、简单

  1. 默认方法 event.data

想传递参数给function 可以通过data传递,function中 event.data.* 来调用

  1. 全局变量

  2. 内部函数

Original: https://www.cnblogs.com/lys_013/p/3275786.html
Author: 13
Title: JQuery实战中遇到的两个小问题$(document).ready() 、bind函数的参数传递问题

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/594342/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • Skywalking-12:Skywalking SPI机制

    SPI机制 基本概述 SPI 全称 Service Provider Interface ,是一种服务发现机制。通过提供接口、预定义的加载器( Loader )以及约定俗称的配置(…

    Java 2023年6月5日
    089
  • 根据ip查询 地址信息

    这次调用了jsoup.jar包,使用它获取网上的资源获取网址https://ip138.com/的数据进行返回数据 import org.jsoup.Jsoup; import j…

    Java 2023年6月7日
    099
  • jdk9下载

    https://www.oracle.com/java/technologies/javase/javase9-archive-downloads.html Original: h…

    Java 2023年5月30日
    068
  • Spring boot 内置tomcat禁止不安全HTTP方法

    Spring boot 内置tomcat禁止不安全HTTP方法 在tomcat的web.xml中可以配置如下内容,让tomcat禁止不安全的HTTP方法 <security-…

    Java 2023年5月30日
    080
  • Dubbo系列之服务暴露过程

    这周去苏州见大佬,没想到遇到一堆女粉丝,其中居然还有澡堂子堂妹,堂妹一遇到我就说敖丙哥哥我超级喜欢你写的dubbo系列,你能跟我好好讲一下他的服务暴露过程么? 我笑了笑:傻瓜,你想…

    Java 2023年6月9日
    088
  • JSON_语法_值得获取

    JSON_语法_值得获取 json对象.键名 json对象[“键名”] 数据对象[索引] 获取值: Title //定义基本格式 var person = …

    Java 2023年6月6日
    0105
  • 测试用例千万不能随便,记录由一个测试用例异常引起的思考

    一 测试用例大家平时写不写? 我以前写测试用例只是针对业务接口,每个接口写一个,数据case也只是测一种。能跑通就可以了。要不同的场景case,那就改数据。重新跑一遍。简单省事。 …

    Java 2023年6月8日
    092
  • 无聊科技正经事(第1期):裁员毕业潮,你焦虑吗?

    这里记录每周值得分享的科技内容,周三发布 本刊开源(GitHub: senlypan/weekly),欢迎投稿,推荐或自荐文章/软件/资源,请提交 issue 。 封面图 作品 《…

    Java 2023年6月13日
    0118
  • JVM内存区域与内存溢出异常(1)

    运行时数据区域 Java虚拟机在执行Java程序的过程中会把它所管理的内存划分为若干个不同的数据 区域。这些区域都有各自的用途,以及创建和销毁的时间,有的区域随着虚拟机进程的 启动…

    Java 2023年6月13日
    068
  • Java中break、continue和return三者之间的区别

    控制流程语句 java关键字break、continue、return主要按三个纬度去区分。 作用不同 结束不同 *紧跟不同 一、作用不同 1、break:执行break操作,跳出…

    Java 2023年6月13日
    082
  • java 8 lamdba 表达式list集合的BigDecimal求和操作

    posted @2022-05-01 01:27 野狼谷 阅读(209 ) 评论() 编辑 Original: https://www.cnblogs.com/yelanggu/p…

    Java 2023年5月29日
    092
  • 好家伙,分布式配置中心这种组件真的是神器

    我是3y,一年 CRUD经验用十年的 markdown程序员👨🏻‍💻常年被誉为优质八股文选手 上次给大家安排了 监控的相关使用姿势,不知道大家有没有配置起来。但我可不管你们的进度怎…

    Java 2023年6月9日
    087
  • 戏说领域驱动设计(廿四)——资源库

    开讲资源库,这东西简单来说就是用于持久化或查询聚合的。注意!您需要与DAO分别:DAO操作的对象是数据实体;而资源仓库的目标是聚合(不存在通过资源库操作值对象的情况,值对象必须依赖…

    Java 2023年6月7日
    083
  • Effective Java 第三版—— 87. 考虑使用自定义序列化形式

    Tips书中的源代码地址:https://github.com/jbloch/effective-java-3e-source-code注意,书中的有些代码里方法是基于Java 9…

    Java 2023年5月29日
    066
  • elasticsearch集群搭建

    1.部署es集群 我们会在单机上利用docker容器运行多个es实例来模拟es集群。不过生产环境推荐大家每一台服务节点仅部署一个es的实例。 部署es集群可以直接使用docker-…

    Java 2023年6月9日
    075
  • Mysql索引学习笔记

    https://www.jianshu.com/p/ace3cd6526c4 &#x63A8;&#x8350;up&#x4E3B;https://space…

    Java 2023年6月14日
    0176
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球