jQuery $(function(){});详解

最新推荐文章于 2020-10-14 20:36:19 发布
最新推荐文章于 2020-10-14 20:36:19 发布
阅读量494 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery $ ready function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xlkyujhc/article/details/102497712
版权

$(function(){

});在DOM文档载入完成后执行。

 

$(window.document).ready(function(){
                
 });

简化为

$().ready(function(){
                
 });

再简化为

$(function(){
                
});

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-3.4.1.js"></script>
		<script>
			var temp=$(window.document);
			temp.ready(function(){
				
			});
			
			$(window.document).ready(function(){
				
			});
			
			$().ready(function(){
				
			});
			
			$(function(){
				
			});
		</script>
	</head>
	<body>
		<input type="text" id="test" value="hhhhhhhhhh"/>
	</body>
</html>

 

SeaWolf-S
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery中$(function(){})
weixin_34403693的博客
05-08 9858
1. 在哪书写js文件 如果我们要执行一段js代码，我们该怎么办呢？ 1.我们可以写一个js文件，在js文件里写执行函数，然后再<script src='...'> ... </script>，进行引用； 2.我们可以直接在HTML页面下，插入脚本，同样是<script src='...'> ... </script>，两种方式没什么区别，唯一...
Jquery $when done then的用法详解
01-19
对于$.ajax请求来说，如果层级比较多，程序看起来会比较乱，而为了解决这种问题，才有了$...success: function (data) { $.ajax({ url: /home/GetProduct, dataType: JSON, type: GET, success: function (data) { $.a
jQuery中$(function() {});
跟着BOSS有肉吃
06-21 2066
 jQuery中$(function() {});问题详解$(function() {});是$(document).ready(function(){})的简写。$(document).ready() 里的代码是在页面内容都加载完才执行的，如果把代码直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom，...
jQuery的 $(function(){}) 和 (function($) {})(jQuery)
u013952133的博客
03-01 3304
jQuery的文档就绪函数：$(document).ready(function(){ --- jQuery functions go here ---- });$(function(){…}); 也可以写作 jQuery(function($) {…}); ， 其实就是$(document).ready(function{...}); 的简写。jQuery(function(){ });o...
$(function()使用案例
zhh_1998的博客
03-30 442
$(function() $(function(){})不会被覆盖 $(function(){})类似于原生 js 中的DOMContentLoaded事件，在 DOM 加载完毕后，页面全部内容（如图片等）完全加载完毕前被执行。 看代码 <script src="../js/jquery-1.11.1.js"></script> <script type="...
【jQuery】关于jQuery中$(function() {});
热门推荐
求索
05-07 2万+
因为一直以来都是在进行后端开发，对前端开发接触得极少，其实是从心里面觉得那个既浪费时间又没啥成就感，所以也不太愿意花时间在那上面了。 最近因为工作的原因，不得不要接触到一些前端页面的东西，发现前端开发中的CSS/jQuery也还是挺有意思的，这次就借此将遇到的一些小疑惑总结整理下吧。 【前言】 我们都知道，在开始jQuery前，需要把jQuery库引入进来，具体来说，就是在head
jquery__事件（页面载入）
wawa129的专栏
07-21 149
[size=medium][/size][list] [*] [/list][quote][/quote][b]一、jQuery___事件(页面载入) 返回值:jQueryready(fn) 概述 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。 这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。 简单地说，这个方法纯粹是对向window.loa...
Jquery $.map使用方法实例详解
01-19
1. 在jQuery 1.6 之前，该函数只支持遍历数组；从 1.6 开始，该函数也支持遍历对象。 2. map()还会为函数传入两个参数：其一是当前迭代的元素或属性值，其二是当前迭代项的数组索引或对象属性名。 3. 该函数返回值...
jQuery中(function($){})(jQuery)详解
10-23
本文通过具体示例向大家详细介绍了jQuery中的(function($){})(jQuery)的用法和意义，对此有相同困惑的小伙伴可以参考下本文。
jQuery中$.each使用详解
10-24
主要介绍了jQuery中$.each使用详解,需要的朋友可以参考下
怎样理解(function($){...})(jQuery)
07-29
本示例主要用于揭示Jquery中的(function($){...})(jQuery)，欢迎下载!!!相关博客：http://blog.csdn.net/gaohuanjie/article/details/38268831
jQuery中$(function() {});问题详解
10-23
$(function() {});是$(document).ready(function(){ })的简写，最早接触的时候也说$(document).ready(function(){ })这个函数是用来取代页面中的[removed];但是今天发现 好像不是这样回事！是在做一个页面载入效果时...
$ (function() {})
linggty的博客
04-12 1万+
JQuery 的代码我们通常会包裹在一个$(function(){})函数中，jq 的$(function(){})也就是$(document).ready(function(){})的简写，与之对应的原生 js 的window.onload事件，这俩者之间到底有什么区别呢？ $(function () { console.log("ready执行"); }); $(functio...
区别 (function($){...})(jQuery)、$(function(){ })和$.fn
dolin88的博客
04-22 9836
一、(function($){…})(jQuery)首先function(arg){...}定义了一个匿名函数，参数为arg,而调用时需要在函数后面写上括号和实参，由于操作符的优先级，函数本身也需要括号，也就成了：（function(arg){...}）(param)这就相当于定义了一个参数为arg的匿名函数，并将param作为参数来调用这个匿名函数而(function($){...})(jQue...
jq中jQuery(function(){ })与(function(){})(jQuery) 的区别
weixin_38098192的博客
04-09 3902
jQuery(function(){ })：是$(document).ready(function(){})的简写，即在DOM加载完成时运行的代码 (function(){})(jQuery)：实际上是执行()(param)匿名方法，只不过传递了jquery对象，相当于 function aa($){} aa(jQuery) (function(){})(jQuery) 是初始化jq...
jQuery(function(){})与(function(){})(jQuery)的区别
weixin_30508309的博客
12-19 85
【http://eason26-li.iteye.com/blog/520188】开发jQuery插件时总结的一些经验分享一下。一、先看jQuery(function(){});全写为jQuery(document).ready(function(){});意义为在DOM加载完毕后执行了ready()方法。二、再看(function(){})(jQuery)；其实...
开发jQuery插件：function ($) {}(jQuery)的用法分析
美奇软件开发工作室
10-14 2411
一、jquery源代码里对jQuery的定义 var jQuery = $ = function($){ } (jQuery) 其中，function参数为形参，function后的括号内的内容为实参，实参赋值给形参。 二、为什么开发插件都要写function ($) {}(jQuery)？ 我们打开bootstrap框架的bootstrap.js文件，发现里面有很多+function ($) {}(jQuery)，如下图： 问题： 为什么还要重新定义jQuery呢，直接在方法中调用...
jquery源码逐行详解
最新发布
05-18
jQuery 是一个非常流行的 JavaScript 库，它简化了 JavaScript 代码的编写和操作 DOM 的过程。以下是 jQuery 源码的逐行详解： ```javascript (function( global, factory ) { "use strict"; if ( typeof module === "object" && typeof module.exports === "object" ) { // 如果是 CommonJS 规范，则添加到模块中 // 在 Node.js 环境中，module 对象代表当前模块，exports 对象是 module 的属性，用于指定模块对外输出的接口。 // 通过 exports 对象把模块导出，其他文件就可以通过 require() 函数来引用该模块。 module.exports = global.document ? factory( global, true ) : function( w ) { if ( !w.document ) { throw new Error( "jQuery requires a window with a document" ); } return factory( w ); }; } else { // 如果是浏览器环境，则将 jQuery 添加到全局对象 window 中 factory( global ); } // 在这里传入了两个参数，global 和 factory，分别表示全局对象和一个工厂函数 }(typeof window !== "undefined" ? window : this, function( window, noGlobal ) { "use strict"; var deletedIds = []; var document = window.document; var slice = deletedIds.slice; var concat = deletedIds.concat; var push = deletedIds.push; var indexOf = deletedIds.indexOf; // ... ``` 这段代码定义了一个立即执行函数，其目的是为了防止变量污染全局作用域。如果是在 Node.js 环境中，那么需要将 jQuery 添加到模块中，否则将 jQuery 添加到全局对象 window 中。然后定义了一些变量，包括 deletedIds、document、slice、concat、push 和 indexOf 等。这些变量都是为了后面的代码服务。 ```javascript var version = "3.6.0", // 定义了一个空函数 jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); }, // ... ``` 这里定义了 jQuery 的版本号和 jQuery 函数。jQuery 函数是一个工厂函数，用于创建 jQuery 对象，其实现是通过调用 jQuery.fn.init 函数实现的。 ```javascript jQuery.fn = jQuery.prototype = { // jQuery 对象的方法和属性 }; jQuery.fn.init.prototype = jQuery.fn; ``` 这里定义了 jQuery 对象的原型，包括 jQuery.fn 和 jQuery.prototype。jQuery.fn 和 jQuery.prototype 是等价的，都是为了扩展 jQuery 对象的方法和属性。同时还将 jQuery.fn.init 的原型指向了 jQuery.fn，这样可以让 jQuery.fn.init 实例化出来的对象拥有 jQuery.fn 的方法和属性。 ```javascript jQuery.extend = jQuery.fn.extend = function() { // ... }; jQuery.extend({ // 一些静态方法和属性 }); jQuery.fn.extend({ // 一些实例方法和属性 }); ``` 这里定义了 jQuery 的 extend 方法，用于实现对象的合并。同时还定义了一些静态方法和属性，以及一些实例方法和属性。 ```javascript jQuery.expr = { // ... }; jQuery.expr[ ":" ] = { // ... }; ``` 这里定义了 jQuery 的表达式引擎，用于实现选择器的解析。其中，jQuery.expr 是一个对象，存储了所有的选择器类型。jQuery.expr[ ":" ] 表示的是伪类选择器。 ```javascript jQuery.ajax = function( url, options ) { // ... }; jQuery.fn.load = function( url, params, callback ) { // ... }; ``` 这里定义了 jQuery 的 ajax 和 load 方法，用于实现异步请求和载入 HTML 片段。 ```javascript var // Map over jQuery in case of overwrite _jQuery = window.jQuery, // Map over the $ in case of overwrite _$ = window.$; jQuery.noConflict = function( deep ) { // ... }; if ( typeof noGlobal === "undefined" ) { window.jQuery = window.$ = jQuery; } ``` 这里定义了 jQuery 的 noConflict 方法，用于解决命名冲突问题。同时还保存了 window.jQuery 和 window.$ 的引用，以便在需要时恢复原来的状态。最后，将 jQuery 和 $ 添加到全局对象 window 中。 以上是 jQuery 源码的部分逐行详解，希望能对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值