15天学会jQuery编程与实战(视频教学版) (Web前端技术丛书)
上QQ阅读APP看书,第一时间看更新

1.3 jQuery库的核心方法$()

在jQuery程序代码中,无论是页面元素的选择还是内置的功能方法,都是以一个美元符号“$”和一对圆括号开始。其实,“$()”方法是jQuery库中最重要、最核心的方法jQuery()的简写,主要用来选择页面元素或执行功能方法,代码如下:

        $(function() {});                       //执行一个匿名方法
        $('#box');                               //执行ID元素选择
        $('#box').css('color', 'red');        //执行功能方法

也可以写成如下形式:

        jQuery(function () {});
        jQuery('#box');
        jQuery('#box').css('color', 'red');

查看相关资料,可以发现jQuery()方法有7个重载,分别如下:

(1)jQuery()

该方法返回一个空jQuery对象。在jQuery 1.4版本之前,该方法返回一个包含Document节点的对象;但在1.4版本之后,返回一个空jQuery对象。

(2)jQuery(elements)

该方法实现将一个或多个DOM元素转化为jQuery对象或集合。

(3)jQuery(callback)

该方法等价于jQuery(document).ready(callback),主要用来实现绑定在DOM文档载入完成后执行的方法。

(4)jQuery(expression, [context])

该方法接收一个包含jQuery选择器的字符串。在具体执行时,会使用传入的字符串匹配一个或多个元素。

(5)jQuery(html)

该方法具体执行时,根据传入的html标志代码动态创建由jQuery对象封装的DOM元素。

(6)jQuery(html, props)

该方法具体执行时,不仅会根据传入的html标志代码动态创建由jQuery对象封装的DOM元素,而且还会设置该DOM元素的属性、事件等。

(7)jQuery(html, [ownerDocument])

该方法具体执行时,不仅会根据传入的html标志代码动态创建由jQuery对象封装的DOM元素,而且还会指定该DOM元素所在的文档。