jQuery 学习二(核心函数)

 ●  jQuery(expression, [context])  

Javascript代码  

1. /** 
2.  * @expression CSS 选择器 
3.  * @context 查找的上下文 
4.  * @return jQuery Object 
5.  */  
6. function jQuery(expression, [context]);  

          这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。 
       jQuery 的核心功能都是通过这个函数实现的。jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成)，然后根据这个表达式来查找所有匹配的元素。 
       默认情况下, 如果没有指定 context 参数，$() 将在当前的 HTML 文档中查找 DOM 元素；如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。 
       默认情况下，如果没有指定context参数，$() 将在当前的 HTML 文档中查找 DOM 元素；如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。  


    ●  jQuery(html)  

Javascript代码  

1. /** 
2.  * @html 用于动态创建 DOM 元素的 HTML 标记字符串 
3.  * @return jQuery Object 
4.  */  
5. function jQuery(html);  

          根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。 
          你可以传递一个手写的 HTML 字符串，或者由某些模板引擎或插件创建的字符串，也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制，可以参考示例。当然这个字符串可以包含斜杠 (比如一个图像地址)，还有反斜杠。当你创建单个元素时，请使用闭合标签或 XHTML 格式。例如，创建一个 span，可以用 $("<span/>") 或 $("<span></span>")，但不推荐 $("<span>")。  

Javascript代码  

1. // 在 IE 中无效  
2. $("<input>").attr("type", "checkbox");  
3. // 在 IE 中有效  
4. $("<input type='checkbox'>");  

    ●  jQuery(elements)  

Javascript代码  

1. /** 
2.  * @elements(Element, Array<Element>) 用于封装成 jQuery 对象的 DOM 元素 
3.  * @return jQuery Object 
4.  */  
5. function jQuery(elements);  

          将一个或多个 DOM 元素转化为jQuery对象。这个函数也可以接收 XML 文档和 Window 对象(虽然它们不是 DOM 元素)作为有效的参数。  

    ●  jQuery(callback)  

Javascript代码  

1. /** 
2.  * @callback(Function) 当 DOM 加载完成后(仅仅是 DOM 树形成)要执行的函数 
3.  * @return jQuery Object 
4.  */  
5. function jQuery(callback);  

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