selector:用來(lái)查找的字符串
context:作為待查找的 DOM 元素集、文檔或 jQuery 對象。
一個(gè)用于封裝成jQuery對象的DOM元素
一個(gè)用于封裝成jQuery對象
一個(gè)用于封裝成jQuery對象的DOM元素數組。
一個(gè)用于克隆的jQuery對象。
返回一個(gè)空的jQuery對象。
$("div > p"); 找到所有 p 元素,并且這些元素都必須是 div 元素的子元素。$(document.body).css( "background", "black" ); 設置頁(yè)面背景色。$(myForm.elements).hide(); 隱藏一個(gè)表單中所有元素。$("input:radio", document.forms[0]);在文檔的第一個(gè)表單中,查找所有的單選按鈕。$("div", xml.responseXML); 在一個(gè)由AJAX返回的XML文檔中,查找所有的div元素。html:用于動(dòng)態(tài)創(chuàng )建DOM元素的HTML標記字符串
ownerDocument:創(chuàng )建DOM元素所在的文檔
html:用于動(dòng)態(tài)創(chuàng )建DOM元素的HTML標記字符串
props:用于附加到新創(chuàng )建元素上的屬性、事件和方法
$("<div><p>Hello</p></div>").appendTo("body"); 動(dòng)態(tài)創(chuàng )建一個(gè) div 元素(以及其中的所有內容),并將它追加到 body 元素中。$("<input type='checkbox'>"); 創(chuàng )建一個(gè) <input> 元素必須同時(shí)設定 type 屬性。$("<div>", { 動(dòng)態(tài)創(chuàng )建一個(gè) div 元素(以及其中的所有內容), "class": "test", 并將它追加到 body 元素中。 text: "Click me!", click: function(){ $(this).toggleClass("test"); }}).appendTo("body");$("<input>", { 創(chuàng )建一個(gè) <input> 元素,同時(shí)設定 type 屬性、屬性值, type: "text", 以及一些事件。 val: "Test", focusin: function() { $(this).addClass("active"); }, focusout: function() { $(this).removeClass("active"); }}).appendTo("form");當DOM加載完成后要執行的函數
$(function(){ 當DOM加載完成后,執行其中的函數。 // 文檔就緒});對于每個(gè)匹配的元素所要執行的函數
<img/><img/>$("img").each(function(i){ 迭代兩個(gè)圖像,并設置它們的 src 屬性。 this.src = "test" + i + ".jpg"; //注意:此處 this 指代的是 DOM 對象而非 jQuery 對象。 });$("img").each(function(){ $(this).toggleClass("example");
//$(this)為jQuery 對象。});$("button").click(function () { $("div").each(function (index, domEle) { // domEle == this,使用 'return' 來(lái)提前跳出 each() 循環(huán)。 $(domEle).css("backgroundColor", "yellow"); if ($(this).is("#stop")) { $("span").text("Stopped at div index #" + index); return false; } });});$("img").size(); jQuery 對象中元素的個(gè)數。$("img").length; jQuery 對象中元素的個(gè)數。$("ul") .append("<li>" + $("ul").selector + "</li>") ul .append("<li>" + $("ul li").selector + "</li>") ul li .append("<li>" + $("div#foo ul:not([class])").selector + "</li>"); div#foo ul:not([class])$("ul") .append("<li>" + $("ul").context + "</li>") .append("<li>" + $("ul", document.body).context.nodeName + "</li>");[object HTMLDocument] //如果是IE瀏覽器,則返回[object]BODY取得第 index 個(gè)位置上的元素
取得所有匹配的 DOM 元素集合。
$("img").get(0);$("img").get().reverse();選擇文檔中所有圖像作為元素數組,并用數組內建的 reverse 方法將數組反向。一個(gè)選擇器,代表一個(gè)jQuery對象,將會(huì )從這個(gè)對象中查找元素。
獲得 index 位置的元素??梢允?DOM 元素或 jQuery 選擇器。
<ul> <li id="foo">foo</li> <li id="bar">bar</li> <li id="baz">baz</li></ul>$('li').index(document.getElementById('bar')); //1,傳遞一個(gè)DOM對象,返回這個(gè)對象在原先集合中的索引位置$('li').index($('#bar')); //1,傳遞一個(gè)jQuery對象$('li').index($('li:gt(0)')); //1,傳遞一組jQuery對象,返回這個(gè)對象中第一個(gè)元素在原先集合中的索引位置$('#bar').index('li'); //1,傳遞一個(gè)選擇器,返回#bar在所有li中的做引位置$('#bar').index(); //1,不傳遞參數,返回這個(gè)元素在同輩中的索引位置。 存儲的數據名.
key:存儲的數據名
value:將要存儲的任意數據
一個(gè)用于設置數據的鍵/值對
$("div").data("blah"); // undefined 在一個(gè)div上存取數據$("div").data("blah", "hello"); // blah設置為hello$("div").data("blah"); // hello$("div").data("blah", 86); // 設置為86$("div").data("blah"); // 86$("div").removeData("blah"); //移除blah$("div").data("blah"); // undefinedelement:要關(guān)聯(lián)數據的DOM對象
key:存儲的數據名
value:將要存儲的任意數據
element:要查詢(xún)數據的DOM對象
key:存儲的數據名
要查詢(xún)數據的DOM對象
jQuery.data(document.body, 'foo', 52);jQuery.data(document.body, 'bar', 'test');用來(lái)擴充 jQuery 對象。
jQuery.fn.extend({ 增加兩個(gè)插件方法。 check: function() { return this.each(function() { this.checked = true; }); }, uncheck: function() { return this.each(function() { this.checked = false; }); }});$("input[type=checkbox]").check();$("input[type=radio]").uncheck();用以擴展 jQuery 對象
jQuery.extend({ 在jQuery命名空間上增加兩個(gè)函數。 min: function(a, b) { return a < b ? a : b; }, max: function(a, b) { return a > b ? a : b; }});jQuery.min(2,3); // => 2jQuery.max(4,5); // => 5傳入 true 來(lái)允許徹底將jQuery變量還原
jQuery.noConflict(); 將$引用的對象映射回原始的對象。// 使用 jQueryjQuery("div p").hide();// 使用其他庫的 $()$("content").style.display = 'none';jQuery.noConflict(); 恢復使用別名$(function($) { $(function() { // 使用 $ 作為 jQuery 別名的代碼 });})(jQuery);// 其他用 $ 作為別名的庫的代碼var j = jQuery.noConflict();創(chuàng )建一個(gè)新的別名用以在接下來(lái)的庫中使用jQuery對象。// 基于 jQuery 的代碼j("div p").hide();// 基于其他庫的 $() 代碼$("content").style.display = 'none';var dom = {}; 完全將 jQuery 移到一個(gè)新的命名空間。dom.query = jQuery.noConflict(true);// 新 jQuery 的代碼dom.query("div p").hide();// 另一個(gè)庫 $() 的代碼$("content").style.display = 'none';// 另一個(gè)版本 jQuery 的代碼jQuery("div > p").hide();聯(lián)系客服