权威指南之脚本化jquery

Posted 2020-06-15

jqury函数

jquery（）（$()）有4种不同的调用方式

第一种是最常用的调用方式是传递css选择器（字符串）给$()方法。当通过这种方式调用时，$()方法会返回当前文档中匹配该选择器的元素集。还可以将一个元素或jquery对象作为第二参数传递给$()方法，这时返回的是该特定元素或元素集的子元素中匹配选择器的部分。

第二种调用方式是传递一个Elment、Document或Window对象给$()方法。在这种情况下，$()方法只须简单的将该Elment、Document或Window对象封装成jquery对象并返回。这样可以使得能用jqery方法来操作这些元素而不用原生DOM方法

第三中调用方式是传递html文本字符串给$()方法。在这种调用方式下，jquery会根据传入的文本创建好HTML元素并封装为JQuery对象并返回。当通过第三种方式调用时，$()接受可选的第二参数。可以传递Document对象来指定与所创建元素相关联的文档。第二参数还可以说object对象。此时，假设该对象的属性表示HTML属性的键/值对，这些属性将设置到所创建的对象上

var img=$("</img>",{src:url,css:{borderWidth:5},click:handleClick});

最后，第四种调用方式是传入一个函数给$()方法。此时，当文档加载完毕且DOM可操作时，传入的函数将被调用

jQuery(function(){});

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

传给jQuery()的函数在被调用时，this指向document对象，唯一的参数指向jQuery函数，这意味这可以释放全局的$（）函数，但在内部依旧可以延续该习惯

jQuery.noConflict//还原$（）为初始值

jQuery(function($){});让$（）成为jQuery对象的局部别名

通过$（）注册的函数将在DOMContentLoaded事件触发时由jQuery触发。当浏览器不支持该事件时，会在load事件触发时由jQuery触发。这意味这文档已经解析完毕，但图片等外部资源有可能还未加载。如果在DOM准备就绪后再传递函数给$()，传递的函数会在$（）返回之前立刻调用

jQuery类库还使用jQuery（）函数作为其命名空间，