zoukankan      html  css  js  c++  java
  • 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.* 来调用

    $(“#id”).bind(“click”,
                        { a: $(“#id”).val() } ,
                         function(){
                              alert(event.data.a)
                         }
    );

    2. 全局变量

    var a = $(“#id”).val();
    
    $(“#id”).bind(“click”, function(){alert(a)});

    3. 内部函数

    $(“#id”).bind(“click”, function(){Say (“id”)});
    
    function Say(id){alert( $(“#”+id).val() )}
  • 相关阅读:
    2019年2月14日训练日记
    定制你的WordPress
    打造你的专属埃菲尔塔
    【DIY】打造一个六足蜘蛛机器人
    【数据结构专题-03】树
    【数据结构专题-02】算法介绍
    【数据结构专题-01】数据结构基本介绍
    【DIY】制作一个刷卡进门装置
    【Java实战】Java实现简易音乐播放器
    【Java实战】Java实现简易坦克对战小游戏
  • 原文地址:https://www.cnblogs.com/lys_013/p/3275786.html
Copyright © 2011-2022 走看看