首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么在调用$( document.getElementById ).ready(function(){ ... })之后,函数调用会得到null?

在调用$( document.getElementById ).ready(function(){ ... })之后,函数调用会得到null的原因是因为在该代码中,使用了错误的语法。$( document.getElementById )是一个无效的语法,它试图将一个函数作为参数传递给jQuery的.ready()方法。然而,document.getElementById是一个原生的JavaScript方法,它用于通过元素的ID获取DOM元素。由于语法错误,函数调用返回null。

正确的语法应该是使用jQuery选择器来选择元素并在.ready()方法中执行回调函数。例如,可以使用$("#elementId")来选择具有特定ID的元素,并在.ready()方法中执行回调函数。下面是一个示例:

$(document).ready(function(){ var element = $("#elementId"); // 在这里执行相关操作 });

在这个示例中,首先使用$("#elementId")选择具有特定ID的元素,并将其存储在变量element中。然后,在.ready()方法中执行回调函数,可以在回调函数中对选定的元素进行操作。

需要注意的是,$符号是jQuery库的别名,用于简化代码。在使用这个语法之前,确保已经正确引入了jQuery库。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云函数(SCF)。

  • 腾讯云云服务器(CVM):腾讯云提供的弹性云服务器,可根据业务需求灵活选择配置,提供高性能、高可靠性的计算资源。了解更多信息,请访问:腾讯云云服务器(CVM)
  • 腾讯云云函数(SCF):腾讯云提供的事件驱动的无服务器计算服务,可帮助开发者更轻松地构建和管理应用程序。了解更多信息,请访问:腾讯云云函数(SCF)
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何动态加载js?

a.js定义了一个函数,b.js要调用,但是b.js先加载了,a.js还没加载完成,造成函数未定义,无法调用。 4、js文件的合并。开发阶段,js会分成多个文件,这样便于开发。...但是成熟了之后会合并成一个文件。这样引用方式就会变化,原先引用一堆js,现在只需要引用一个js。同样不能每个页面都改一遍。 5、加载js完毕之后,要可以执行回调函数。 ...var loadscript = { $$:function(id){return document.getElementById(id)}, tag:function(element)...为什么被加载了多次呢?原因在于 onreadystatechange 和 onload 。为什么这两个事件都调用了callback?为什么其他浏览器没事,IE10有事呢? 根据断点跟踪得到了原因。...var loadscript = { $$: function(id) { return document.getElementById(id); }, tag: function(element

12.8K50
  • BAT及各大互联网公司2014前端笔试面试题--JavaScript篇

    “===”先判断两边的值类型,类型不匹配时为false。 那么问题来了,看下面的代码,输出什么,foo的类型为什么?...答案: caller是返回一个对函数的引用,该函数调用了当前函数; callee是返回正在被执行的function函数,也就是所指定的function对象的正文。 那么问题来了?...答案:Javscript中,解析器向执行环境中加载数据时,对函数声明和函数表达式并非是一视同仁的,解析器率先读取函数声明,并使其执行任何代码之前可用(可以访问),至于函数表达式,则必须等到解析器执行到它所在的代码行...为什么? 答案是 1 和 undefined。 func 是 winodw 的上下文中被执行的,所以访问不到 count 属性。...); } //事件处理函数完整执行,切换ready状态, 并移除所有函数 ready = true; funcs = null;

    1.5K50

    解决JS操作Cookies出现的乱码问题,修复WordPress评论乱码

    考虑了半天,发现问题其实很好解决,只要在保存 cookies 的时候先进行 url 转码,然后再取出的时候进行 url 解码就行了!有了思路,问题很快就得到了解决!...=null){return unescape(arr[2])}; return null;   } //加载用户信息 function LoadRememberInfo() { var strName...").value=unescape(GetCookie("username"));     }     } } //通过jQuery ready页面加载时自动从cookies中载入已保存的用户信息...jQuery(document).ready(function($){        LoadRememberInfo(); //给评论提交按钮绑定信息保存函数     $("#respond #submit...(function(){         RemoveRememberInfo();     }); }); //保存信息函数 function SaveRememberInfo() { var strName

    2.7K70

    JavaScript中的沙箱机制探秘

    之后调用模块时的代码如下: use: function() { var args = SLICE.call(arguments, 0), callback = args[args.length...需要提及的是,这里的origin使用"*"的原因和上文的null origin一样,缺少"allow-same-origin"时iframe并不具备origin,因此只能通过发送给所有origin来传达消息...存在的一点问题是,sandbox属性一些低版本的浏览器中没有得到支持。...一些解决方案中,有的提出了真正重新初始化一个js引擎的做法,如Narrative JavaScript,它可以自行编译和执行代码,达到精确控制沙箱的效果。这在将来或许能得到更多的应用。..._message_queue.push(message); } }; module.exports = Sandbox; } 调用方法后,sandbox利用spawn函数获取一个子进程

    2.8K31

    什么是jQuery?

    在内部还是调用document.getElementById()这些方法。我们真正在使用的时候直接写上我们自定义规则的字符串就可以获取对应的控件了。...Jquery也对JavaScript事件进行了封装,我们看一下以下的API: window.onload:浏览器加载web页面时触发,可以写多次onload事件,但后者覆盖前者 ready浏览器加载...web页面时触发,可以写多次ready事件,不会后者覆盖前者,依次从上向下执行,我们常用$(函数)简化 ready和onload同时存在时,二者都会触发执行,ready快于onload change:当内容改变时触发...blur:焦点失去 值得注意的是:当用户执行动作的时候,浏览器自动创建事件对象,传递进去给响应事件的方法【类似与监听器的原理】,那么我们响应方法上就可以获取一些属性: ?...+ new Date().getTime(); //没有要参数要带过去 //var sendData = null; /* * function方法的三个参数

    3K70

    JavaScript-设计模式·基础知识

    Martin Fowler 《重构:改善既有代码的设计》里写到: 多态的最根本好处在于,你不必再向对象询问“你是什么类型”而后根据得到的答案调用对象的某个行为——你只管调用该行为就是了,其他的一切多态机制都会为你安排妥当...当对一些函数发出“调用”的消息时,这些函数返回不同的执行结果,这是“多态性”的一种体现,也是很多设计模式 JavaScript 中可以用高阶函数来代替实现的原因。...要得到一个对象,不是通过实例化类,而是找到一个对象作为原型并克隆它。 对象记住它的原型。 如果对象无法响应某个请求,它会把这个请求委托给它自己的原型。...,也许从头到尾都没有使用过 addEvent 函数,这样前一次的浏览器嗅探就是完全多余的操作,而且也稍稍延长页面 ready 的时间。...但是第一次进入条件分支之后函数内部会重写这个函数,重写之后函数就是期望的 addEvent 函数,在下一次进入时函数里不再存在条件分支语句: var addEvent = function(elem

    42930

    【深入浅出jQuery】源码浅析2--奇技淫巧

    ,可能会有一些基础,但是我希望全面一点,对看文章的人都有所帮助,源码我还一直阅读,也不断的更新本文。...那么 jQuery 为什么要这样做呢,我觉得: 1、以数组对象的 concat 方法为例,如果不预先定义好 core_concat = core_deletedIds.concat 而是调用实例 arr...如果页面上有大图片等资源响应缓慢, 导致 window.onload 事件迟迟无法触发,所以出现了DOM Ready 事件。此事件 DOM 文档结构准备完毕后触发,即在资源加载前触发。...// setTimeout(jQuery.ready) 等到重绘完成才执行代码,也就是 DOMContentLoaded 之后才执行 jQuery.ready // 所以这里有个小技巧...ready事件 // 例如: // $(document).on('ready', fn2); // $(document).ready(fn1); // 这里的fn1先执行

    1K92

    【建议】记录一次BAT一线互联网公司前端JavaScript面试

    this 作为普通函数调用 使用call,apply,bind被调用 作为对象方法被调用 class方法中被调用 箭头函数 this取什么值,是函数执行的时候确定的,不是函数定义的时候确定的。...call指向,bind返回新的函数 代码: function fn1(){ console.log(this) } fn1() // window fn1.call({x:10}) // {...(xhr.responseText); } } } xhr.send(null) ajax 状态码 xhr.readyState 0为还没有调用send()方法 1为已调用send...()方法,正在发送请求 2为send()方法执行完成,已经接收到全部响应内容 3为正在解析响应内容 4为响应内容解析完成,可以客户端调用 xhr.status 2xx表示成功处理请求 3xx表示需要重定向...ajax 浏览器的同源策略和跨域 document load 和 ready的区别 load: 页面的区别资源加载完才会执行 ready: dom渲染完既可执行,图片,视频等还没有加载完 函数声明和函数表达式的区别

    1.6K20

    jQuery

    基本语法 $(selector).action() 文档就绪函数 所有 jQuery 函数位于一个 document ready 函数中,为了防止文档完全加载(就绪)之前运行 jQuery 代码。...Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时) $(selector).click(function) 触发或将函数绑定到被选元素的点击事件...发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可 避免得到缓存结果: xmlhttp.open("GET", "{url}?...关于callback 如果存在多个 AJAX 任务,那么应该为创建 XMLHttpRequest 对象编写一个标准的函数,并为每个 AJAX 任务调用函数。...AJAX & ASP/PHP/DB/XML 通过标签绑定事件,绑定函数服务器响应就绪时调用函数,发送HTTP请求,访问asp/php文件,文件中对数据库进行查询。

    16.4K20

    2022高频前端面试题合集之JavaScript篇(中)

    调用栈」 调用栈是解析器(如浏览器中的的javascript解析器)的一种机制,可以脚本调用多个函数时,跟踪每个函数完成执行时应该返回控制的点。...任何被这个函数调用函数进一步添加到调用栈中,并且运行到它们被上个程序调用的位置。 当函数运行结束后,解释器将它从堆栈中取出,并在主代码列表中继续执行代码。...每次写完关闭之后重新调用函数导致页面全部重绘。 innerHTML 则是 DOM 页面元素的一个属性,代表该元素的 html 内容。你可以精确到某一个具体的元素来进行更改。...而后面尝试调用方法,自然就会报错。 176. 写出代码的执行结果,并解释为什么?...另外,var 声明的变量和 function 声明的函数预解析的时候有区别,var 声明的变量预解析的时候只是提前的声明,function 声明的函数预解析的时候提前声明并且会同时定义。

    2.3K10

    jQuery的编码标准和最佳实践

    操作处理DOM之前要先将已经存在的元素卸载分离下来,待操作完之后再将其挂回去。...每一个页面上只使用一个文档的ready事件处理函数。这样更容易进行调试和跟踪动作的流程。 2. 不要使用匿名函数来绑定事件。匿名函数很难进行调试,维护,测试和重用。...处理文档ready事件的回调也不要使用匿名函数一次强调,匿名函数很难进行调试,维护,测试和重用。...文档ready事件的处理函数应该包含在外部的javascript文件中,内联的javascript应该在初始化之后直接调用处理函数。...使用事件代理来将事件绑定到使用Ajax加载的内容上,事件代理异步加载上有优势,它可以处理来自过一段时间之后加载到文档中的后代元素的事件。

    1K20

    编写高质量 JavaScript -- 知识点小记

    解决办法---用匿名函数将脚本包起来,让变量的作用域控制匿名函数之内 如: (function(){...> 此番改善之后,匿名function里面的变量作用域不再是window,而是局限函数内。...不过就算如此,如果工程变大,不同工程师完成不同的函数,变量难免也冲突,  故又继续改善(GLOBAL 属性不是直接挂在GLOBAL属性对象上,而是挂在此命名函数的命名空间下)  如: <script...给程序一个统一的入口===== window.onload 或DOMReady (先把所有函数定义部分放入 init函数中,最后再加载 init()即可使用 如:DOM节点加载进来之前就调用会出错... 改善方式:    调换位置,DOM节点加载进来之后调用即可 hello !

    1.4K10
    领券