JQuery API步步为营-示例搜集1

参考网站：http://blog.lipengbo.com/lab/jquery/jqueryapi/index.html

一、1 核心函数  返回值：jquery

(1)jquery(expression,[context]))   $("");

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

         $("div > p");

b.在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。

         $("input:radio", document.forms[0]);

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

         $("div", xml.responseXML);

(2)jquery(html,[ownerDocument])   $("");

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

          $("<div><p>Hello</p></div>").appendTo("body");

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

          // 在 IE 中无效:

             $("<input>").attr("type", "checkbox");
          // 在 IE 中有效:
             $("<input type='checkbox'>");

(3)jquery(element,Array<Element>)    $();

a.设置页面背景色。

          $(document.body).css( "background", "black" );

b.隐藏一个表单中所有元素。

          $(myForm.elements).hide()

(4)jquery(callback)       $(document).ready()的简写   $(function(){})

a.当DOM加载完成后，执行其中的函数。

           $(function(){

             // 文档就绪
           });

b.使用 $(document).ready() 的简写，同时内部的 jQuery 代码依然使用 $ 作为别名，而不管全局的 $ 为何。

           jQuery(function($) {

            // 你可以在这里继续使用$作为别名...
           });