jquery常用技術(shù)總結(jié)

Word文檔jquery常用技術(shù)總結(jié)本頁是我最新發(fā)布的《jquery常用技術(shù)總結(jié)》的具體范文參考文章，感覺很實用處，希翼大家能有所收獲。

篇一：jquery技術(shù)核心點總結(jié)2022-05-1914:11:50

jquery是一款十分優(yōu)秀的L);在一個由ajax返回的xml文檔中，查找全部的div元素。

2、$(html標記字符串):按照提供的html字符串，創(chuàng)建jquery對象包裝的dom元素。eg:$(divpHello/p/div).appendTo(body);

創(chuàng)建一個input元素必需同時設(shè)定type

$(inputtype='text')

3、$(dom元素):將一個或多個dom元素轉(zhuǎn)換為jquery對象。

eg:$(document.body).css(background,black);設(shè)置頁面背景色

4、$(document).ready(function(){})==$(function(){})；在頁面加載完成后自動執(zhí)行的代碼。

二、jquery對象拜訪。eq返回的是jquery對象，只能使用jquery辦法，get返回的是dom元素對象，只能使用dom辦法.

1、$(dom元素).each(function(){}):以每一個匹配的元素作為上下文來執(zhí)行一個函數(shù)

2、$(dom元素).size()==$(dom元素).length;對象中元素的個數(shù)。eg:imgsrc=test1.jpg/imgsrc=test2.jpg/,jquery代碼：$(img).size();返回2

3、context：返回傳給jQuery()的原始的DOM節(jié)點內(nèi)容，即jQuery()的其次個參數(shù)。假如沒有指定，那么context指向當(dāng)前的文檔(document)。

4、$(dom元素).get()：取得全部匹配的dom元素的集合。假如你想要直接操作DOM對象而不是jQuery對象，這個函數(shù)十分實用。

5、$(dom元素).get(index)：取得其中一個匹配的元素.

6、$(dom元素).index():搜尋與參數(shù)表示的對象匹配的元素，并返回相應(yīng)元素的索引值。

三、插件機制:

1、jQuery.fn.extend(object);擴展jQuery元素集來提供新的辦法,針對某一個dom元素。eg:jQuery.fn.extend({

check:function(){returnthis.each(function(){this.checked=true;});},

uncheck:function(){returnthis.each(function(){this.checked=false;});}

});

調(diào)用：

$(input[type=checkbox]).check();

$(input[type=radio]).uncheck();

2、$.extend(object);用來在jQuery命名空間上增強新函數(shù),針對全部dom元素。

$.extend({

min:function(a,b){returnab?a:b;},

max:function(a,b){returnab?a;b;}

});

調(diào)用：$.max(10,20);

四、挑選器

基本：

1、$(#id):按照給定的ID匹配一個元素。

2、$(dom元素名)：按照給定的元素名匹配全部元素

3、$(.Class類名):按照給定的類匹配元素。

4、$()：匹配全部元素。

5、$(dom元素.class類名)：挑選全部class屬性為指定類名的dom元素。

6、$(.stripetr):獵取class屬性為stripe的table元素下的全部行

層級：

1、$(ancestordescendant):在給定的祖先元素下匹配全部的后代元素

2、$(parentchild):在給定的父元素下匹配全部的子元素

3、$(prev+next):匹配全部緊接在prev元素后的next元素

4、$(prev~siblings):匹配prev元素之后的全部siblings(同級)元素

容易:

1、$(tr:first)匹配找到的第一個元素

2、$(tr:last)匹配找到的最后一個元素

3、$(input:not(:checked))去除全部與給定挑選器匹配的元素

4、$(tr:even)匹配全部索引值為偶數(shù)的元素，從0開頭計數(shù)

5、$(tr:odd)匹配全部索引值為奇數(shù)的元素，從0開頭計數(shù)

6、$(tr:eq(1))匹配一個給定索引值的元素

7、$(tr:gt(0))匹配全部大于給定索引值的元素

8、$(tr:lt(2))匹配全部小于給定索引值的元素

內(nèi)容：

1、$(div:contains('John'))匹配包含給定文本的元素

2、$(div:has(p))匹配全部包含p元素的div元素

3、$(td:empty)查找全部不包含子元素或者文本的空元素

可見性：

1、$(tr:visible)查找全部可見的tr元素

2、$(tr:hidden)匹配全部的不行見元素，input元素的type屬性為hidden的話也會被匹配到

屬性：

1、$(div[id])查找全部含有id屬性的div元素

2、$(input[name='neL代碼:

1、$(div).html();取得第一個匹配元素的html內(nèi)容

2、$(div).html(pHelloAgain/p);設(shè)置每一個匹配元素的html內(nèi)容

文本：

1、$(p).text();取得全部匹配元素的內(nèi)容

2、$(p).text(bSome/bneL或DOM元素。

刪除：

1、$(p).empty();刪除匹配的元素集合中全部的子節(jié)點。

2、$(p).remove();從DOM中刪除全部匹配的元素

八、CSS操作

CSS:

1、$(p).css(color);取得第一個段落的color樣式屬性的值

2、$(p).css({color:#ff0011,background:blue});把一個名/值對對象設(shè)置為全部匹配元素的樣式屬性。

3、$(p).css(color,red);在全部匹配的元素中，設(shè)置一個樣式屬性的值

位置：

1、varoffset=p.offset();獵取匹配元素在當(dāng)前視口的相對偏移，返回的對象包含兩個整形屬性：top和left。此辦法只對可見元素有效。

2、varposition=p.position();獵取匹配元素相對父元素的偏移

尺寸：

1、$(p).height();取得第一個匹配元素當(dāng)前計算的高度值（px）。

2、$(p).height(20);為每個匹配的元素設(shè)置CSS高度(hidth)屬性的值

3、$(p).L標簽)全部標簽元素對象

$()全部元素

$(ab)a元素下的全部子孫b元素

$(ab)a元素下的全部子b元素

$(a+b)a元素后的下一個b元素等價于$(a).next(b);

$(a~b)a元素后的全部b元素等價于$(a).nextAll(b);

$(#a).siblings(div)#a元素的全部同輩div元素

過濾挑選器：

:first第一個元素

:last最后一個元素

:not(selector)除selector挑選器對應(yīng)的之外的全部元素

:even索引為偶數(shù)的全部元素（索引從0開頭）

dd索引為奇數(shù)的全部元素

:eq(index)索引等于index的元素

:gt(index)索引大于index的元素

:lt(index)索引小于index的元素

:header全部標題元素(h1~h6)

:animated正在執(zhí)行動畫的全部元素

:contains(text)含有文本內(nèi)容為text的元素

:empty不包含子元素或文本的空元素

:has(selector)含有selector挑選器所匹配的元素的元素

:parent含有子元素或者文本的元素

:hidden全部不行見元素

:visible全部可見元素

屬性過濾挑選器：多個可合并

[att]擁有此屬性的元素

[att=val]屬性值為val的元素

[att!=val]屬性值不等于val的元素

[att^=val]屬性值以val開頭的元素

[att$=val]屬性值以val結(jié)束的元素

[att=val]屬性值含有val的元素

子元素過濾挑選器

:nth-child(index/even/odd/equation)每個父元素下的第index個子元素或者奇偶元素index從1開頭也可以是2n…代表2的倍數(shù)

:first-child每個父元素的第一個子元素

:last-child每個父元素的最后一個子元素

nly-child每個父元素中惟獨一個子元素的子元素

表單對象屬性過濾挑選器

:enabled全部可用元素

:disabled全部不行用元素

:checked全部選中元素（單選、復(fù)選）

:selected全部選中元素（下拉列表）

表單挑選器

:input全部imput，textarea，select，button

:text全部單行文本框

:pass對象

13.jQuery對象和DOM對象間辦法不行混用，可將jQuery對象轉(zhuǎn)換成DOM對象后使用原本DOM對象的辦法：$XXX[0]或者$XXX.get(0);將DOM對象轉(zhuǎn)換成jQuery對象：var$XXX=$(XXX)，可將XXX的DOM對象轉(zhuǎn)換成jQuery對象

14.推斷復(fù)選框是否選中：$XXX.is(:checked)

解決和其他js框架的矛盾：

①后導(dǎo)入jQuery庫

一開頭調(diào)用辦法：jQuery.noConflict();

使用：其他的可以用$，jQuery的只能用jQuery(…)

或者開頭定義：var$j=jQuery.noConflict();然后其他的用$，jQuery的用$j(…)

共同使用$：

jQuery.noConflict();

(function($){

$(function(){

//jQuery代碼可以使用$(…)

});

})(jQuery);

//其他js框架使用$(…)

②先導(dǎo)入jQuery庫：不需要調(diào)用jQuery.noConflict();其他一樣使用

推斷元素是否存在：

if($(#id).length0)或者if($(#id)[0])而不能用if($(#id))

獵取對象的屬性：Object.attr(屬性的key)

設(shè)置對象的屬性：Object.attr(屬性的key,屬性的val)或者Object.attr({key:val,key:val…})刪除對象的屬性：Object.removeAttr(屬性的key)

追加樣式：Object.addClass();

修改樣式：可用attr來做

移除樣式：Object.removeClass();多個之間用空格分隔

?創(chuàng)建HTML,DOM：$(HTML標簽)例創(chuàng)建一個li：var$li1=$(li/li)

添加節(jié)點：

Object.append(Object2);在Object中追加Object2。例$(ul).append($li1);

Object.appendTo(Object2);與上一個相反，將Object追加到Object2中。$li1.appendTo(ul)Object.prepend(Object2);在Object前追加Object2。

篇四：JQuery中常用的函數(shù)辦法總結(jié)jQuery中為我們提供了無數(shù)實用的辦法和屬性，自己總結(jié)的一些常用的函數(shù)，辦法。個人認為在開發(fā)中會比較常用的，僅供大家學(xué)習(xí)和參考。

大事處理

ready(fn)

代碼：

$(document).ready(function(){

//Yourcodehere...

})；

作用：它可以極大地提高sg).shosg).hide()});

作用：jQuery中提供的比較常用的幾個動態(tài)效果的函數(shù)。還可以添加參數(shù)：shoL代碼:

pspanHello/span,hoL代碼:

img/img/

jQuery代碼:

$(img).attr(src,test.jpg);

作用：取得或設(shè)置匹配元素的屬性值。通過這個辦法可以便利地從第一個匹配元素中獵取一個屬性的值。假如元素沒有相應(yīng)屬性，則返回undefined。在控制HTML標記上是必備的工具。

html()/html(val)

HTML代碼:

divpHello/p/div

jQuery代碼:

$(div).html();

結(jié)果:

pHello/p

作用：取得或設(shè)置匹配元素的html內(nèi)容，同類型的辦法還有text()和val()。前者是取得全部匹配元素的內(nèi)容。，后者是獲得匹配元素的當(dāng)前值。三者有相像的地方常用在內(nèi)容的操作上。

。

empty()

HTML代碼:

pHello,spanperson/spanahref=#andperson/a/p

jQuery代碼:

$(p).empty();

結(jié)果:

p/p

作用：刪除匹配的元素集合中全部的子節(jié)點。

Ajax處理

load(url,[data],[callback])

url(String):待裝入HTML網(wǎng)頁網(wǎng)址。

data(Map):(可選)發(fā)送至服務(wù)器的key/value數(shù)據(jù)。

callback(Callback):(可選)載入勝利時回調(diào)函數(shù)。

代碼：

$(#feeds).load(feeds.aspx,{limit:25},function(){

alert(Thelast25entriesinthefeedhavebeenloaded);

});

作用：載入遠程HTML文件代碼并插入至DOM中。這也是Jquery操作Ajax最常用最有效的辦法。

serialize()

HTML代碼:

pid=resultsbResults:/b/p

form

selectname=single

optionSingle/option

optionSingle2/option

/select

selectname=multiplemultiple=multiple

optionselected=selectedMultiple/option

optionMultiple2/option

optionselected=selectedMultiple3/option

/selectbr/

inputtype=checkboxname=checkvalue=check1/check1

inputtype=checkboxname=checkvalue=check2

checked=checked/check2

inputtype=radioname=radiovalue=radio1

checked=checked/radio1

inputtype=radioname=radiovalue=radio2/radio2

/form

jQuery代碼:

$(#results).append(tt+$(form).serialize()+/tt);

作用：序列化表格內(nèi)容為字符串。用于Ajax哀求。

工具

jQuery.each(obj,callback)

代碼：

$.each([0,1,2],function(i,n){

alert(Item#+i+:+n);

});//遍歷數(shù)組

$.each({name:John,lang:JS},function(i,n){

alert(Name:+i+,Value:+n);//遍歷對象

});

作用：通用例遍辦法，可用于例遍對象和數(shù)組。

jQuery.makeArray(obj)HTML代碼:

divFirst/divdivSecond/divdivThird/divdivFourth/div

jQuery代碼:

vararr=jQuery.makeArray(document.getElementsByTagName(div));

結(jié)果:

Fourth

Third

Second

First

作用：將類數(shù)組對象轉(zhuǎn)換為數(shù)組對象。使我們可以在數(shù)組和對象之間靈便的轉(zhuǎn)換。

jQuery.trim(str)

作用：這個大家應(yīng)當(dāng)很認識，就是去掉字符串起始和結(jié)尾的空格。

小結(jié)：在實際的開發(fā)中我們可能會用到其他的辦法和屬性，以上只是個人認為新手初學(xué)jQuery時，必需把握的一些辦法。僅供大家學(xué)習(xí)的參考。有什么不對的高手指教。

?

?

?

?18:01掃瞄(398)評論(0)分類2022-06-24

縮略顯示

文章分類:ent).ready(function(){//選中全部的段落：$('p').css('color','red');//選中設(shè)置了title屬性的段落：

以上就是《jquery常用技術(shù)總結(jié)》的范文所有內(nèi)容，涉及到元素、匹配、全部、一個、屬性、函數(shù)、查找、取得等方面，看完假如覺得實用請記得（CTRL+D）保藏。

Gz85.Com更多總結(jié)我推舉

學(xué)雷鋒活動總結(jié)常用范文

我們共同期待的文明禮貌月已走過，學(xué)雷鋒活動已告一段落。但是我們認為每個月都應(yīng)當(dāng)是文明禮貌之月，每一天都是學(xué)雷鋒活動日。

在這熱烈洋溢的三月，我們校全部學(xué)生都樂觀參與了班上及小學(xué)組織開展的學(xué)雷鋒活動。3月6日上午，我們班學(xué)生在滬東街道清理地上的果皮紙削，不一會兒功夫，周圍地上的垃圾全被我們清除了，學(xué)生們不怕累，不怕臟，把快樂與美妙留給了他人，向觀眾呈現(xiàn)了雷鋒精神，把雷鋒精神在社會生活中傳揚。

非常鐘隊會上，我們舉行了我來講一個雷蜂的故事的競賽活動，使學(xué)生們更進一步規(guī)范自我，做到言行舉止得體，努力拼搏，刻苦學(xué)習(xí)。符合一個講文明講禮貌的學(xué)校生，使自己成為一個德、智、體、美、勞全面進展的現(xiàn)代化的建設(shè)者和接班人。通過這次活動，班上的紀律有了顯然的好轉(zhuǎn)。學(xué)生們的言行也文明多了，學(xué)習(xí)面貌煥然一新。思想上也轉(zhuǎn)變了許多，好學(xué)生起了帶頭作用，他們主動協(xié)助那些學(xué)習(xí)落后的學(xué)生，提高全體學(xué)生的樂觀性和成果。

在這些活動中，班上涌現(xiàn)出了一大批學(xué)習(xí)雷鋒的樂觀分子和優(yōu)秀班干部，像馬珍珍、張盼盼、鄭俊、黃紹強、蘇丹、等等，他們都為班上的學(xué)生做出了無數(shù)貢獻。同時也把雷鋒精神深深印在我們心中。

我們希翼在以后的日子中，學(xué)生們也能夠繼續(xù)發(fā)揚雷鋒精神。把雷鋒精神這顆種子。深深埋在了各自心中。時刻用實際行動去培育它，讓它生根發(fā)芽。

各種豐盛而故意義的活動在少先隊員中舉行著，晶瑩的汗珠在學(xué)生們額頭閃亮，學(xué)生們真正體驗到了學(xué)習(xí)雷鋒，服務(wù)社區(qū)，創(chuàng)建和睦家園的歡樂。今后希翼大家繼續(xù)舉行學(xué)雷鋒行動，希翼大家熟悉到學(xué)雷鋒并不僅僅在于三月，要把奉獻意識常駐心間，把助人行動化為自覺行為——時時到處細專心，人人皆是小雷鋒。

英文寫作常用句型分類總結(jié)

英文寫作常用句型分類總結(jié)

一.首段的句型

第一句：描述背景：

1.Alongypersonalvieypersonalvieoreover.

Inconclusion,bothsidesabovemakesense.Inmyopinion,..

作文類型三：說明一個現(xiàn)象的緣由并給出解決辦法

________(背景).________(改寫題目)portreasonisthat.123

Theissuesshouldbe,peopleputforostimportantapproachisthat.Inthesecondplace,.Inaddition.

考研英語翻譯常用辦法總結(jié)

2022考研英語翻譯常用辦法總結(jié)

同位語譯法

1.Thereisaprinciplethatallcitizensshouldmeetminimalqualificationsofageandliteracy.

有一個這樣的原則，那就是全部公民應(yīng)該滿足最低的年齡要求和識字能力要求。

2.partofthefameofAllensbookisitscontentionthatCircumstancesdonotmakeaperson,theyrevealhim.

愛倫的書之所以有名，部分緣由是由于它辯論的觀點，即：環(huán)境并未造就人，而是揭示了人的本性。

3.Theanchesterschoolofeconomicsthatsupplyanddemandountainisaseaoftrees.

從這個塔上遠眺，紫金山南麓是樹的海洋。

3.printedostoftheprospectivegraduatestudentsecourtsarebeginningtosideanykindsoffurniture.

木材可以用來創(chuàng)造各種家具。

2.Thesecomputersemitagreatdealofheat,sothedatacentersneedtobeightpossiblybeinjurioustotheintellect,andmoreprobablytothemoralcharacter.

達爾文信任，這些品嘗的失去不僅是歡樂的喪失，還可能傷害智慧，更有可能造成道德品質(zhì)的敗壞。

4.anarrivesinheavenandisbeingshoostallou