jQuery函数(jQuery全局函数)

在jQuery类库中,最重要的方法是jQuery()<也就是全局函数$()>,这是jQuery定义唯一两个全局函数.

注意:如果你在自己的代码中使用了$作为变量,或者引入了Prototype等使用$作为全局变量的类库,这时,为了避免冲突,可以调用jQuery.onConflict()方法来释放$变量,让其指向原始值.

jQuery()<$()>方法的功能很强大.有5中不同的调用方式:

    1.用作元素选择器,返回从当前文档中匹配该选择器的元素集.

例如:

       $("p");  =>  选中当前文档中的所有"<p>"元素.

    2.将其他对象转换为jQuery对象.接收其他对象(Element,Document或Window)为参数,返回对应的jQuery对象.

 例如:

        $(document);  =>  将DOM对象转换成对应的jQuery对象,这样就可以使用jQuery方法来操作元素,而不使用原生的DOM方法.

    3.将HTML文本字符串转换为HTML元素并封装成对应的jQuery对象.

例如:

       $("<p>这是一段文本</p>");  =>  创建了一个p标签对象

    4.加载函数.接收一个函数作为参数,当文档加载完毕并且DOM可操作时,这个函数将被调用.例如:

$(function(){  //文档加载完毕时调用
    //jquery代码
});

 对应的老式和完整的写法为:

$(document).ready(function(){  //文档加载完毕时调用
    //jquery代码
});

 传给jQuery的函数在被调用时,this指向document对象,被调用函数接收的唯一参数指向jQuery函数.这意味着在释放了全局的$()函数后,在内部依然可以使用$.例如:

jQuery.onConflict();  //还原$()为初始值
jQuery(function($){  //让$()成为jQuery对象的局部别名
    //jquery代码
});

 通过$()注册的函数将在DOMContentLoaded事件触发时由jQuery触发.当浏览器不支持该事件时,会在load事件触发时由jQuery触发.这就是说,文档已经解析完毕,但图片等外部资源有可能还未完全加载.

    5.作为工具函数或全局属性的命名空间.例如:

jQuery.onConflict();  =>  释放$变量,使其指向原始值.

jQuery.each();  =>  遍历函数

jQuery.parseJSON();  =>  用于解析JSON文本.

相关推荐