学习jQuery扩展插件

常用jQuery库网址：https://www.jq22.com/

---

一、扩展jQuery工具方法

• 语法：$.extend(object)
• 示例：
  
  

提示：上面的示例中jQuery扩展文件是自定义的，文件名是my_jQuery_plugin.js

---

二、扩展jQuery对象的方法

• 语法：$.fn.extend(object)
• 示例：
  
  

三、多库共存

1. 概念：当文件中引用了多个库文件时，有可能发生对象冲突。如引用了两个库文件，正好则两个库文件中都定义了对象$，在调用时就会发生冲突。
2. jQuery的多库共存方法：jQuery库可以释放$对象名的使用权，以使另一个库文件可以正常使用，此时jQuery库对象名称只能使用jQuery
3. 语法API：
   jQuery.noConflict()

---

四、window.onload与document.ready的区别

• window.onload

1. 页面所有内容包括图片全部加载完成后才会执行回调函数（较晚）
2. 只能由一个监听回调。
3. 需要等待外部资源全部加载完成，如dom页面、css渲染等等

• $(document).ready(function(){})

1. 等同于$(function(){})
2. 页面加载完成就执行回调函数（较早）
3. 可以由多个监听回调
4. 只需要等待dom加载完成

• 示例：
  
  
  （完）