JQuery的核心函数

 

1. jQuery([selector,[context]])

概括：这个函数接收一个包含CSS选择器的字符串，然后用这个字符串去匹配一组元素。

Jquery的核心功能都是通过这个函数实现的。jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式（通常有CSS选择器组成），然后根据这个表达式来查找所有匹配的元素。

默认情况下，如果没有指定context参数，$()将在当前的HTML document中查找DOM元素；如果指定了context参数，如一个DOM元素集或jQuery对象，那就会这个context中查找。在jQuery1.3.2以后，其返回的元素顺序等同于context中出现的先后顺序。

参数：

Selector:用来查找的字符串

Context：作为带查找的DOM元素集、文档或jQuery对象。

 

示例：

(1).找到所有p元素，并且这些元素都必须是div的子元素。

   

  

 

（2）.设置页面背景颜色。

 

（3）.隐藏一个表单中的所有元素。

 

（4）.在文档的第一个表单中，查找所有的单选按钮（即：type值为radio的input元素）。

 

（5）.在一个由AJAX返回的XML文档中，查找所有的div元素。

 

 

 

2.jQuery(html,[ownerDocument])

概括：

根据提供的原始HYML标记字符串，动态创建由jQuery对象包装的DOM元素。同时设置一系列的属性、事件等。

你可以传递一个手写的HTML字符串，或者某些模板引擎或插件创建的字符串，也可以是通过AJAX加载过来的字符串。但是在你创建ipunt元素时会有限制，可以参考第二个示例。当然这个字符串可以包含斜杆（比如一个图像地址），还有反斜杠。当你创建单个元素时，请使用闭合标签或XHTML格式。例如，创建一个span，可以用$(“<span/>”)或$(“<span><span/>”),但不推荐$(“<span>”)。在jQuery中，这个语法等同于$(document.createElement(“span”))。

在jQuery1.8中,通过$(html.props),您可以使用任何jQuery对象的方法或插件。在此之前，你只能使用一个方法名的短名单，并有没有成文的方式添加到列表中。然而，请注意，这可能会导致你的代码的行为改变，如果插件添加后，有相同的名称作为HTML属性。

参数：

Html:用于动态创建DOM元素的HTML标记字符串

ownerDocument：创建DOM元素所在的文档

Props：用于附加到新创建元素上的属性、事件和方法

 

示例：

（1）.动态创建一个div元素（以及其中的所有内容）,并将它追加到body元素中。这个函数的内部，是通过临时创建一个元素，并将这个元素的innerHTML属性设置为给定的标记字符串，来实现标记到DOM元素转换的。所有,这个函数既有灵活性，也有局限性。

 

 

（2）.创建一个<input>元素必须同时设定type属性。因为微软规定<input>元素的type只能写一次。

 

 

（3）.动态创建一个div元素（以及其中的所有内容），并将它追加到body元素中。在这个函数的内部，是通过临时创建一个元素，并将这个元素的innerHTML属性设置为给定的标记字符串，来实现标记到DOM元素转换的。所以，这个函数即有灵活性，也有局限性。

 

（4）.创建一个<input>元素,同时设定type属性值,以及一些事件。

 

 

3.jQuery(callback)

概述：$(document).ready()的简写。

      允许你绑定一个在DOM文档载入完成后执行的函数。这个函数的作用如同$(document).ready()一样,只不过用这个函数时,需要把页面中所有需要在DOM加载完成时执行的$()操作符都包装到其中来。从技术上来说,这个函数是可链接的--但真正以这种方式链接的情况并不多。你可以在一个页面中使用任意多个$(document).ready事件。参考ready(Function)获取更多ready事件的信息。

 

Callback

参数：当DOM加载完成后要执行的函数。