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

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

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

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

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

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

$(inputtype='text')

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

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

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

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

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

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

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

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

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

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

三、插件機(jī)制:

1、jQuery.fn.extend(object);擴(kuò)展jQuery元素集來提供新的辦法,針對(duì)某一個(gè)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命名空間上增強(qiáng)新函數(shù),針對(duì)全部dom元素。

$.extend({

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

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

});

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

四、挑選器

基本：

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

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

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

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

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

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

層級(jí)：

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

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

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

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

容易:

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

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

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

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

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

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

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的話也會(huì)被匹配到

屬性：

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

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

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

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

文本：

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

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

刪除：

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

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

八、CSS操作

CSS:

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

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

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

位置：

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

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

尺寸：

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

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

3、$(p).L標(biāo)簽)全部標(biāo)簽元素對(duì)象

$()全部元素

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

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

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

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

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

過濾挑選器：

:first第一個(gè)元素

:last最后一個(gè)元素

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

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

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

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

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

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

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

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

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

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

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

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

:hidden全部不行見元素

:visible全部可見元素

屬性過濾挑選器：多個(gè)可合并

[att]擁有此屬性的元素

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

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

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

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

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

子元素過濾挑選器

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

:first-child每個(gè)父元素的第一個(gè)子元素

:last-child每個(gè)父元素的最后一個(gè)子元素

nly-child每個(gè)父元素中惟獨(dú)一個(gè)子元素的子元素

表單對(duì)象屬性過濾挑選器

:enabled全部可用元素

:disabled全部不行用元素

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

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

表單挑選器

:input全部imput，textarea，select，button

:text全部單行文本框

:pass對(duì)象

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

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

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

①后導(dǎo)入jQuery庫(kù)

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

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

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

共同使用$：

jQuery.noConflict();

(function($){

$(function(){

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

});

})(jQuery);

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

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

推斷元素是否存在：

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

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

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

追加樣式：Object.addClass();

修改樣式：可用attr來做

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

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

添加節(jié)點(diǎn)：

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

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

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

大事處理

ready(fn)

代碼：

$(document).ready(function(){

//Yourcodehere...

})；

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

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

pspanHello/span,hoL代碼:

img/img/

jQuery代碼:

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

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

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é)點(diǎn)。

Ajax處理

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

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

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

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

代碼：

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

alert(Thelast25entriesinthefeedhavebeenloaded);

});

作用：載入遠(yuǎn)程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);//遍歷對(duì)象

});

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

jQuery.makeArray(obj)HTML代碼:

divFirst/divdivSecond/divdivThird/divdivFourth/div

jQuery代碼:

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

結(jié)果:

Fourth

Third

Second

First

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

jQuery.trim(str)

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

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

?

?

?

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

縮略顯示

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

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

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

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

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

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

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

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

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

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

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

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

一.首段的句型

第一句：描述背景：

1.Alongypersonalvieypersonalvieoreover.

Inconclusion,bothsidesabovemakesense.Inmyopinion,..

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

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

Theissuesshouldbe,peopleputforostimportantapproachisthat.Inthesecondplace,.Inaddition.

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

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

同位語(yǔ)譯法

1.Thereisaprinciplethatallcitizensshouldmeetminimalqualificationsofageandliteracy.

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

2.partofthefameofAllensbookisitscontentionthatCircumstancesdonotmakeaperson,theyrevealhim.

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

3.Theanchesterschoolofeconomicsthatsupplyanddemandountainisaseaoftrees.

從這個(gè)塔上遠(yuǎn)眺，紫金山南麓是樹的海洋。

3.printedostoftheprospectivegraduatestudentsecourtsarebeginningtosideanykindsoffurniture.

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

2.Thesecomputersemitagreatdealofheat,sothedatacentersneedtobeightpossiblybeinjurioustotheintellect,andmoreprobablytothemoralcharacter.

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

4.anarrivesinheavenandisbeingshoostallou