Core

Posted on Edited on In Views: Disqus:

 

一、jQuery()

用來回傳所選到的集合，其多載的方法有

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

範例如下：

(1)、$("p").css("background", "yellow");

將所有的p元素的背景色為黃色

 

(2)、$("b", "div").css("background", "blue");

此種作法變成先找出div元素，然後在所有符合條件下再找出b元素，

並將其背景色變為藍色。

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.0.0.js"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <style>
        div {
            background: red;
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <div>
        <p>ddd</p>
    </div>

    <div>
        <div>
            <p>fff<b>bbb</b></p>
            <b>bbb</b>
        </div>
    </div>

    <p>fff<b>bbb</b></p>

    <script>
        $("b", "div").css("background", "blue");
    </script>
</body>
</html>

 

(3)、$( "span", this )

is equivalent to  $( this ).find( "span" )

 

2、jQuery( Element element )

none explanation

 

3、jQuery( Array elementArray )

none explanation

 

4、jQuery( PlainObject object )

如下範例，請在console端執行

var foo = { foo: "bar", hello: "world" }; //plain object
$( foo ); //jQuery object
var $foo2 = $( foo ); 
foo2 //not defined
$foo2 //jQuery object

 

5、jQuery( jQuery selection )

如：$(this)

 

6、jQuery()

Returning an Empty Set

 

7、jQuery( htmlString html [, document ownerDocument ] )

例如：

$( "<p id='test'>My <em>new</em> text</p>" ).appendTo( "body" );

 

8、jQuery( htmlString html, PlainObject attributes )

例如：

$("<p></p>", { "class": "my-div" }).appendTo("body");

注意，第一個參數必須是單一獨立的html元素，並且不帶屬性，否則PlainObject設定將無效。

下面範例皆無效

$("<p>ppp</p>", { "class": "my-div" }).appendTo("body");

$("<div><p></p></div>", { "class": "my-div" }).appendTo("body");

 

9、jQuery( Function callback )

當DOM讀取完成時執行Function，

其用法相等於.ready()

$(document).ready(function () {
    $("button").click(function () {
        $("#div1").load("http://www.w3schools.com/jquery/demo_test.txt");
    });
});

範例如下

$(
    function () {
        $("button").click(function () {
            $("#div1").load("http://www.w3schools.com/jquery/demo_test.txt");
        });
    }
);

 

二、jQuery.holdReady()

用來延遲讀取javascript plugin的時機。

$.holdReady( true );表示hold住ready event不繼續執行下一階段，

$.holdReady( false );表示釋放ready event繼續執行下一階段。

如下範例

$.holdReady(true); $.holdReady(true);
$.getScript("myplugin.js", function () {
    $.holdReady(false);
});

 

三、jQuery.noConflict()

用來釋出 $ 字號給其他函式庫使用

 

四、jQuery.readyException()

很像C#的try catch語法

範例：

jQuery.readyException = function( error ) {
  console.error( error );
};

 

五、jQuery.sub()

has been deprecated 1.7

 

六、jQuery.when()

請先參考Deferred Object