《JavaScript與jQuery網(wǎng)頁(yè)前端開(kāi)發(fā)與設(shè)計(jì)-第2版》 第07章教案-jQuery選擇器與過(guò)濾器_第1頁(yè)
《JavaScript與jQuery網(wǎng)頁(yè)前端開(kāi)發(fā)與設(shè)計(jì)-第2版》 第07章教案-jQuery選擇器與過(guò)濾器_第2頁(yè)
《JavaScript與jQuery網(wǎng)頁(yè)前端開(kāi)發(fā)與設(shè)計(jì)-第2版》 第07章教案-jQuery選擇器與過(guò)濾器_第3頁(yè)
《JavaScript與jQuery網(wǎng)頁(yè)前端開(kāi)發(fā)與設(shè)計(jì)-第2版》 第07章教案-jQuery選擇器與過(guò)濾器_第4頁(yè)
《JavaScript與jQuery網(wǎng)頁(yè)前端開(kāi)發(fā)與設(shè)計(jì)-第2版》 第07章教案-jQuery選擇器與過(guò)濾器_第5頁(yè)
已閱讀5頁(yè)，還剩15頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

《JavaScript與jQuery網(wǎng)頁(yè)前端開(kāi)發(fā)與設(shè)計(jì)-第2版》教案第7章jQuery選擇器與過(guò)濾器一、教學(xué)目標(biāo)：理解jQuery選擇器和過(guò)濾器的作用；掌握jQuery選擇器的常見(jiàn)用法；掌握jQuery過(guò)濾器的常見(jiàn)用法。二、教學(xué)重點(diǎn)和難點(diǎn)：重點(diǎn)：jQuery選擇器的用法；難點(diǎn)：jQuery過(guò)濾器的用法。三、教學(xué)方法與手段：采取互動(dòng)式教學(xué)方法，理論教學(xué)使用多媒體投影教室。四、課程簡(jiǎn)介：本章主要介紹jQuery選擇器與jQuery過(guò)濾器的相關(guān)知識(shí)。jQuery選擇器包括基礎(chǔ)選擇器、屬性選擇器、表單選擇器、層次選擇器以及CSS選擇器；jQuery過(guò)濾器包括基礎(chǔ)過(guò)濾器、子元素過(guò)濾器、內(nèi)容過(guò)濾器和可見(jiàn)性過(guò)濾器。五、教學(xué)基本內(nèi)容：7.1jQuery選擇器jQuery選擇器可用于快速選定需要的HTML元素，并為其進(jìn)行后續(xù)處理。jQuery選擇器的部分語(yǔ)法規(guī)則來(lái)自于CSS選擇器，加上其他功能模塊形成了jQuery特有的選擇匹配元素工具，簡(jiǎn)化了用戶(hù)使用JavaScript選擇和操作元素的復(fù)雜度。7.1.1基礎(chǔ)選擇器(BasicSelector)jQuery基礎(chǔ)選擇器(BasicSelector)的語(yǔ)法規(guī)則基本和CSS選擇器相同，可以通過(guò)指定HTML元素的標(biāo)簽名稱(chēng)、類(lèi)名稱(chēng)或ID名稱(chēng)對(duì)元素進(jìn)行篩選定位。常見(jiàn)用法如表7-1所示。表7-1jQuery基礎(chǔ)選擇器常見(jiàn)用法示例選擇器描述用法示例示例描述*用于選擇所有元素$("*")選擇文檔中的所有元素element元素選擇器，用于選擇指定標(biāo)簽名稱(chēng)的元素。$("p")選擇文檔中所有的段落標(biāo)簽<p>元素#idID選擇器，用于選擇指定id的元素。$("#test")選擇文檔中id="test"的元素.class類(lèi)選擇器，用于選擇所有具有同一個(gè)指定class的元素。$(".style01")選擇文檔中所有class="style01"的元素selector1,selector2,...selectorN多重選擇器，用于選擇符合條件的所有結(jié)果。$("p,h1,div")選擇文檔中所有段落元素<p>、標(biāo)題元素<h1>和塊元素<div>1. 全局選擇器全局選擇器用于選擇文檔中所有的元素。其語(yǔ)法結(jié)構(gòu)如下：$("*")全局選擇器會(huì)遍歷文檔中所有的元素標(biāo)簽，甚至包括首部標(biāo)簽<head>及其內(nèi)部的<meta>、<script>等，運(yùn)行速度較慢。【例7-1】jQuery全局選擇器的使用【代碼說(shuō)明】本示例使用了jQuery全局選擇器將所有的HTML元素都設(shè)置為帶有5像素寬的紅色實(shí)線(xiàn)邊框樣式。由圖可見(jiàn)，頁(yè)面中的所有內(nèi)容都顯示了紅色邊框。由于全局選擇器也包括了<body>、<head>等通常不在頁(yè)面具體顯示的元素，因此頁(yè)面中的紅色邊框個(gè)數(shù)大于可見(jiàn)元素個(gè)數(shù)。2. 元素選擇器元素選擇器用于選擇所有指定標(biāo)簽名稱(chēng)的元素。其語(yǔ)法結(jié)構(gòu)如下：$("element")這里的element在使用時(shí)需要換成真正的元素標(biāo)簽名稱(chēng)。例如，$("h1")表示選中所有<h1>標(biāo)題元素。使用元素選擇器時(shí)，jQuery會(huì)調(diào)用JavaScript中的原生方法getElementsByTagName()來(lái)獲取指定的元素。該方法化簡(jiǎn)了原先JavaScript的代碼量?！纠?-2】jQuery元素選擇器的使用【代碼說(shuō)明】本示例包含了區(qū)域元素<div>與段落元素<p>各兩個(gè)，并在CSS內(nèi)部樣式表中為其設(shè)置統(tǒng)一樣式：寬和高均為100像素，向左浮動(dòng)，各邊內(nèi)外邊距均為10像素，帶有1像素寬的灰色實(shí)線(xiàn)邊框。使用jQuery元素選擇器選擇所有的段落元素<p>并將其設(shè)置為帶有5像素寬的紅色實(shí)線(xiàn)邊框樣式。由圖可見(jiàn)，只有<p>元素的樣式被更改，<div>元素沒(méi)有受到任何影響。3. ID選擇器ID選擇器用于選擇指定ID名稱(chēng)的單個(gè)元素。其語(yǔ)法結(jié)構(gòu)如下：$("#ID")這里的ID在使用時(shí)需要換成元素真正的ID名稱(chēng)。例如，$("#test")表示選中id="test"的元素。使用ID選擇器時(shí)，jQuery會(huì)調(diào)用JavaScript中的原生方法getElementById()來(lái)獲取指定ID名稱(chēng)的元素。ID選擇器也可以和元素選擇器配合使用，例如：$("p#test01")表示選擇id="test01"的段落元素<p>。【例7-3】jQueryID選擇器的使用4. 類(lèi)選擇器類(lèi)選擇器用于篩選出具有同一個(gè)class屬性值的所有元素。其語(yǔ)法結(jié)構(gòu)如下：$(".class")這里的class在使用時(shí)需要換成真正的類(lèi)名稱(chēng)。例如，$(".box")表示選擇所有class="box"的元素。如果一個(gè)元素包含了多個(gè)類(lèi)，只要其中任意一個(gè)類(lèi)符合條件即可被選中。使用類(lèi)選擇器時(shí)，jQuery會(huì)調(diào)用JavaScript中的原生方法getElementsByClassName()來(lái)獲取指定的元素。類(lèi)選擇器也可以和元素選擇器配合使用，例如：$("p.style01")表示選擇所有具有class="style01"的段落元素<p>?！纠?-4】jQuery類(lèi)選擇器的使用【代碼說(shuō)明】本示例包含了兩個(gè)區(qū)域元素<div>和一個(gè)段落元素<p>，為測(cè)試類(lèi)選擇器的效果，將其中一個(gè)<div>和<p>元素設(shè)置了同樣的class屬性即class="style01"。另一個(gè)<div>元素設(shè)置為class="style02"作為參照對(duì)比。在CSS內(nèi)部樣式表中為所有<div>和<p>元素設(shè)置統(tǒng)一樣式：寬180像素、高100像素，向左浮動(dòng)，各邊內(nèi)外邊距均為10像素，帶有1像素寬的灰色實(shí)線(xiàn)邊框。使用jQuery類(lèi)選擇器選擇class="style01"的所有元素，并將其邊框樣式修改為5像素寬的紅色實(shí)線(xiàn)。由圖可見(jiàn)，類(lèi)選擇器已經(jīng)生效。如果將本示例中的類(lèi)選擇器修改為$("p.style01")則運(yùn)行結(jié)果是只會(huì)修改段落元素<p>的邊框樣式。5. 多重選擇器多重選擇器適用于需要批量處理的多種元素，可以將不同的篩選條件用逗號(hào)隔開(kāi)寫(xiě)入同一個(gè)選擇器中。其語(yǔ)法結(jié)構(gòu)如下：$("selector1[,selector2]......[,selectorN]")其中selector1-selectorN需要全部換成具體的jQuery選擇器，數(shù)量可自定義。這里的選擇器可以是元素選擇器、ID選擇器或類(lèi)選擇器的任意一種或組合使用，只要滿(mǎn)足其中任意一個(gè)條件的元素即可被選中。例如：$("p,div.style01,#news")上述代碼表示選中所有的段落元素<p>、class="style01"的<div>元素以及id="news"的元素?！纠?-5】jQuery多重選擇器的使用【代碼說(shuō)明】本示例中的多重選擇器$("h3,p,div.style01")表示選擇所有的<h3>標(biāo)簽、<p>標(biāo)簽以及class="style01"的<div>標(biāo)簽。由圖可見(jiàn)，頁(yè)面中的標(biāo)題<h3>、段落元素<p>以及class="style01"的<div>元素被修改了邊框樣式，證明多重選擇器已生效。7.1.2屬性選擇器(AttributeSelector)屬性選擇器可以用于選擇具有指定屬性要求的元素。jQuery使用路徑表達(dá)式（XPath）在HTML文檔中進(jìn)行導(dǎo)航，從而選擇指定屬性的元素。jQuery屬性選擇器的常見(jiàn)用法如表7-2所示。表7-2jQuery屬性選擇器常見(jiàn)用法示例選擇器描述用法示例示例描述[attribute]帶有指定屬性的元素$("[alt]")所有帶有alt屬性的元素[attribute=value]屬性等于指定值的元素$("[href='#']")所有href屬性值等于"#"的元素[attribute!=value]屬性不等于指定值的元素$("[href!='#']")所有href屬性值不等于"#"的元素[attribute$=value]屬性以指定值結(jié)尾的元素$("[src$='.png']")所有src屬性值以".png"結(jié)尾的元素屬性選擇器也可以和其他選擇器配合使用，能縮小匹配范圍。例如：$("img[src$='.png']")上述代碼表示找出頁(yè)面中所有src屬性值以".png"結(jié)尾的圖像元素<img>?！纠?-6】jQuery屬性選擇器的使用7.1.3表單選擇器(FormSelector)jQuery表單選擇器(FormSelector)可用于選擇指定類(lèi)型或處于指定狀態(tài)的表單元素。常見(jiàn)用法示例如表7-3所示。表7-3jQuery表單選擇器常見(jiàn)用法示例指定類(lèi)型的表單元素選擇器描述用法示例:input所有的<input>元素$(“:input”):text選擇type=”text”的<input>元素$(“:text”):password選擇type=”password”的<input>元素$(“:password”):radio選擇type=”radio”的<input>元素$(“:radio”):checkbox選擇type=”checkbox”的<input>元素$(“:checkbox”):submit選擇type=”submit”的<input>和<button>元素$(“input:submit”):reset選擇type=”reset”的<input>和<button>元素$(“:reset”):button選擇type=”button”的<input>和<button>元素$(“:button”):image選擇type=”image”的<input>元素$(“:image”):file選擇type=”file”的<input>元素$(“:file”)指定狀態(tài)的表單元素選擇器描述用法示例:enabled所有啟用的<input>和<button>元素$(“:enabled”):disabled所有被禁用的<input>和<button>元素$(“:disabled”):selected下拉列表中處于選中狀態(tài)的<option>元素$(“:selected”):checked所有被選中的單選按鈕或者復(fù)選框$(“:checked”)【例7-7】jQuery表單選擇器的使用7.1.4層次選擇器(HierarchySelector)1. 子元素選擇器子元素選擇器（ChildSelector）只能選擇指定元素的第一層子元素。其語(yǔ)法結(jié)構(gòu)如下：$("parent>child")其中參數(shù)parent可以是任何一個(gè)有效的jQuery選擇器，參數(shù)child填入的選擇器篩選的必須是parent的第一層子元素。例如：<p>這是一個(gè)<span><strong>測(cè)試</strong>段落</span>，用于測(cè)試子元素的層次。</p>在上述代碼中段落元素<p>的第一層子元素為<span>，而<strong>是<span>的第一層子元素，只能算是<p>元素的后代。因此使用子元素選擇器只能是$("p>span")或者是$("span>strong")的形式，不可以寫(xiě)成$("p>strong")的形式?！纠?-8】jQuery子元素選擇器的使用【代碼說(shuō)明】本示例使用無(wú)序標(biāo)簽<ul>制作了一個(gè)簡(jiǎn)易章節(jié)目錄，其中包含了3個(gè)列表選項(xiàng)元素<li>分別表示第一、二、三章，以及在第二章和第三章之間包含了另一個(gè)無(wú)序標(biāo)簽<ul>，并在其中包含了2個(gè)列表選項(xiàng)元素<li>分別表示2.1和2.2小節(jié)的目錄。在jQuery中使用了子元素選擇器$("ul.all>li")，表示從class="all"的<ul>元素中選擇出所有的第一層<li>元素，并將其邊框樣式設(shè)置為1像素寬的紅色實(shí)線(xiàn)。由圖可見(jiàn)，用于表示第一、二、三章的3個(gè)列表選項(xiàng)元素<li>邊框樣式被重置，但是用于表示2.1和2.2小節(jié)的<li>元素不受影響。這是由于表示2.1和2.2小節(jié)的<li>元素包含在內(nèi)部的<ul>元素中，是第二層后代元素，不符合子元素選擇器的篩選規(guī)則。2. 后代選擇器后代選擇器（DescendantSelector）可以用于選擇指定元素內(nèi)包含的所有后代元素。它比子元素選擇器的涵蓋范圍更加廣泛。其語(yǔ)法結(jié)構(gòu)如下：$("ancestordescendant")其中參數(shù)ancestor可以是任何一個(gè)有效的jQuery選擇器，參數(shù)descendant填入的選擇器篩選的必須是parent的后代元素，該后代元素可以是parent元素的第一層子元素，也可以是其中子元素的后代。例如：<p>這是一個(gè)<span><strong>測(cè)試</strong>段落</span>，用于測(cè)試子元素的層次。</p>在上述代碼中段落元素<p>的第一層子元素為<span>，而<strong>是<span>的第一層子元素，屬于是<p>元素的后代。因此使用后代選擇器選擇其中的<strong>標(biāo)簽可以是$("pstrong")或者$("spanstrong")的形式均可?！纠?-9】jQuery后代選擇器的使用【代碼說(shuō)明】本示例包含了2個(gè)區(qū)域元素<div>，分別定義其class名稱(chēng)為style01和style02以示區(qū)別。在CSS內(nèi)部樣式表中為<div>元素設(shè)置統(tǒng)一樣式：寬100像素，各邊外邊距為10像素，帶有1像素寬的黑色實(shí)線(xiàn)邊框。在這兩個(gè)<div>元素放置相同的子元素：標(biāo)題元素<h3>和段落元素<p>，并在段落元素<p>的內(nèi)部將局部文字使用<span>標(biāo)簽包圍。因此<span>元素是<p>元素的子元素，也是<div>元素的后代。在jQuery中使用了后代選擇器$("div.style01span")，表示從class="style01"的<div>元素中選擇出其內(nèi)部包含的所有<span>元素，并將其邊框樣式設(shè)置為2像素寬的紅色實(shí)線(xiàn)。由圖可見(jiàn)，第一個(gè)<div>元素中的<span>標(biāo)簽被標(biāo)記了出來(lái)，而第二個(gè)<div>元素中的<span>標(biāo)簽完全沒(méi)有受到影響。3. 后相鄰選擇器后相鄰選擇器（NextAdjacentSelector）可以用于選擇指定元素相鄰的后一個(gè)元素。其語(yǔ)法結(jié)構(gòu)如下：$("prev+next")其中參數(shù)prev可以是任何一個(gè)有效的jQuery選擇器，參數(shù)next填入的選擇器篩選的必須是與prev相鄰的后一個(gè)元素。當(dāng)需要選擇的元素沒(méi)有id名稱(chēng)或class屬性值可以進(jìn)行選擇時(shí)，可以考慮使用該方法先獲取其相鄰的前一個(gè)元素，然后再定位到需要的元素。例如：<pclass="test">這是第一個(gè)段落元素。</p><p>這是第二個(gè)段落元素。</p>上述代碼包含了兩個(gè)段落元素<p>，其中第一個(gè)元素可以使用類(lèi)選擇器$("p.test")獲取，第二個(gè)元素?zé)oid名稱(chēng)和class屬性值，因此可以考慮使用相鄰選擇器$("p.test+p")獲取?！纠?-10】jQuery后相鄰選擇器的使用【代碼說(shuō)明】本示例包含了2個(gè)區(qū)域元素<div>，在CSS內(nèi)部樣式表中為<div>元素設(shè)置統(tǒng)一樣式：寬100像素、高50像素，帶有1像素寬的黑色實(shí)線(xiàn)邊框，各邊外邊距為10像素，并且向左浮動(dòng)。其中第一個(gè)<div>元素具有id="test01"的屬性值，而第二個(gè)<div>元素沒(méi)有任何特征。在jQuery中使用了后相鄰選擇器$("div#test01+div")，表示先找到id="test01"的<div>元素，然后定位與其相鄰的下一個(gè)<div>元素，并將其邊框樣式設(shè)置為2像素寬的紅色實(shí)線(xiàn)。由圖可見(jiàn)，第二個(gè)<div>元素的邊框已經(jīng)更新為紅色樣式，說(shuō)明后相鄰選擇器生效。4. 后兄弟選擇器后兄弟選擇器（NextSiblingsSelector）可以用于選擇指定元素后面跟隨的所有符合條件的兄弟元素。其語(yǔ)法結(jié)構(gòu)如下：$("prev~siblings")其中參數(shù)prev可以是任何一個(gè)有效的jQuery選擇器，參數(shù)siblings填入的選擇器篩選的必須是位置在prev元素后面的兄弟元素。該選擇器與上一小節(jié)介紹的$("prev+next")不同之處在于：$("prev+next")只能篩選緊跟在指定元素后面的下一個(gè)相鄰元素，而$("prev~siblings")可以篩選指定元素后面所有符合條件的兄弟元素，可以是多個(gè)元素。當(dāng)在同一個(gè)父元素中有多個(gè)元素需要選擇，可以考慮使用該選擇器先找到它們的前一個(gè)兄弟元素，然后在批量選中這些元素。例如：<pclass="test">這是第一個(gè)段落元素。</p><p>這是第二個(gè)段落元素。</p><p>這是第三個(gè)段落元素。</p>上述代碼包含了三個(gè)段落元素<p>，其中第一個(gè)段落元素可以使用類(lèi)選擇器$("p.test")獲取，后兩個(gè)段落元素?zé)oid名稱(chēng)和class屬性值，因此可以考慮使用后兄弟選擇器$("p.test~p")獲取?！纠?-11】jQuery后兄弟選擇器的使用【代碼說(shuō)明】本示例包含了3個(gè)區(qū)域元素<div>和1個(gè)段落元素<p>，在CSS內(nèi)部樣式表中為<div>和<p>元素設(shè)置統(tǒng)一樣式：寬100像素、高100像素，帶有1像素寬的黑色實(shí)線(xiàn)邊框，各邊外邊距為10像素，并且向左浮動(dòng)。其中第一個(gè)<div>元素具有id="test"的屬性值，用于作為參照元素。緊跟其后的其他兄弟元素均沒(méi)有任何特征。在jQuery中使用了后兄弟選擇器$("div#test~div")，表示先找到id="test"的<div>元素，然后查找該元素后面的所有兄弟元素，如果有<div>元素就將其邊框樣式設(shè)置為2像素寬的紅色實(shí)線(xiàn)。由圖可見(jiàn)，第2、4個(gè)方塊的邊框已經(jīng)更新為紅色樣式，說(shuō)明后兄弟選擇器生效。其中第3個(gè)方塊是<p>元素用于作為對(duì)比，它不符合選擇器條件因此未被更改邊框樣式。7.1.5jQueryCSS選擇器jQueryCSS選擇器用于改變指定HTML元素的CSS屬性。其語(yǔ)法結(jié)構(gòu)如下：$(selector).css(propertyName,value);其中selector參數(shù)位置可以是任意有效的選擇器，propertyName參數(shù)位置為CSS屬性名稱(chēng)，value參數(shù)位置為需要設(shè)置的CSS屬性值。例如，將所有h1標(biāo)簽的背景顏色改為灰色，寫(xiě)法如下：$("h1").css("background-color","gray");【例7-12】jQueryCSS選擇器的使用使用jQueryCSS選擇器將頁(yè)面上所有的<span>元素標(biāo)記為紅色字體?！敬a說(shuō)明】本示例包含了兩個(gè)段落元素<p>，并在CSS內(nèi)部樣式表中為其設(shè)置統(tǒng)一樣式：寬100像素、高50像素，帶有1像素寬的實(shí)線(xiàn)邊框，各邊外邊距為10像素，向左浮動(dòng)。在這兩個(gè)段落元素<p>中各包含了一個(gè)<span>元素用于測(cè)試CSS選擇器的效果。在jQuery中使用了CSS選擇器$("span").css("color","red")，表示先找到所有的<span>元素，然后將其中的字體顏色更新為紅色。由圖可見(jiàn)，兩個(gè)段落中的被<span>標(biāo)簽包含的文字已變?yōu)榧t色，說(shuō)明CSS選擇器生效。jQueryCSS選擇器中的css()方法還可以用于批量設(shè)置元素的樣式屬性。關(guān)于css()方法的更多用法，請(qǐng)參考后續(xù)10.1.5節(jié)中的jQuerycss()部分。7.2jQuery過(guò)濾器jQuery過(guò)濾器可單獨(dú)使用，也可以與其他選擇器配合使用。根據(jù)篩選條件可歸納為基礎(chǔ)過(guò)濾器、子元素過(guò)濾器、內(nèi)容過(guò)濾器和可見(jiàn)性過(guò)濾器。7.2.1基礎(chǔ)過(guò)濾器(BasicFilter)jQuery基礎(chǔ)過(guò)濾器(BasicFilter)包含了一些常用的過(guò)濾功能。:first 用于選擇第一個(gè)符合條件的元素。:last 用于選擇最后一個(gè)符合條件的元素。:even 用于選擇偶數(shù)的元素（元素從0開(kāi)始計(jì)數(shù)）。:odd 用于選擇奇數(shù)的元素（元素從0開(kāi)始計(jì)數(shù)）。:eq() 用于選擇指定序號(hào)的元素（元素從0開(kāi)始計(jì)數(shù)）。:gt() 用于選擇大于指定序號(hào)的元素（元素從0開(kāi)始計(jì)數(shù)）。:lt() 用于選擇小于指定序號(hào)的元素（元素從0開(kāi)始計(jì)數(shù)）。:not() 用于選擇所有不符合指定要求的元素。:header 用于選擇所有的標(biāo)題元素<h1>-<h6>1. :first和:last:first過(guò)濾器用于篩選第一個(gè)符合條件的元素，其語(yǔ)法結(jié)構(gòu)如下：$(":first"):first過(guò)濾器只能選擇符合條件的第一個(gè)元素。例如：$("div:first")上述代碼表示選擇頁(yè)面上的第一個(gè)<div>元素。:last過(guò)濾器用于篩選最后一個(gè)符合條件的元素，其語(yǔ)法結(jié)構(gòu)如下：$(":last"):last過(guò)濾器可單獨(dú)使用，也可以與其他選擇器配合使用。【例7-13】jQuery基礎(chǔ)過(guò)濾器:first和:last的使用【代碼說(shuō)明】本示例包含了三個(gè)段落元素<p>，并在CSS內(nèi)部樣式表中為其設(shè)置統(tǒng)一樣式：寬100像素、高50像素，帶有1像素寬的實(shí)線(xiàn)邊框，各邊外邊距為10像素，向左浮動(dòng)。在jQuery中分別使用了基礎(chǔ)過(guò)濾器:first和:last來(lái)選擇元素。其中$("p:first")表示找到網(wǎng)頁(yè)中的第一個(gè)<p>元素，css("border","1pxsolidred")表示將其邊框樣式更新為1像素寬的紅色實(shí)線(xiàn)邊框；而$("p:last")表示找到網(wǎng)頁(yè)中最后一個(gè)<p>元素，css("border","1pxdashedblue")表示將其邊框樣式更新為1像素寬的虛線(xiàn)藍(lán)色邊框。由圖可見(jiàn)，兩個(gè)指定段落的邊框樣式均已發(fā)生變化，說(shuō)明CSS選擇器生效。2. :even和:odd:even過(guò)濾器用于篩選符合條件的偶數(shù)個(gè)元素，序號(hào)從0開(kāi)始計(jì)數(shù)。其語(yǔ)法結(jié)構(gòu)如下：$(":even")例如，篩選表格中的偶數(shù)行寫(xiě)法如下：$("tr:even")由于:even過(guò)濾器是基于JavaScript數(shù)組的原理，同樣繼承了從0開(kāi)始計(jì)數(shù)的規(guī)則，因此上述代碼表示篩選表格的第1、3、5......以及更多行。:odd過(guò)濾器用于篩選符合條件的奇數(shù)個(gè)元素，序號(hào)從0開(kāi)始計(jì)數(shù)。其語(yǔ)法結(jié)構(gòu)如下：$(":odd")例如，篩選表格中的奇數(shù)行寫(xiě)法如下：$("tr:odd")需要注意的是，:odd過(guò)濾器同樣繼承了從0開(kāi)始計(jì)數(shù)的規(guī)則，因此上述代碼表示篩選表格的第2、4、6......以及更多行?！纠?-14】jQuery基礎(chǔ)過(guò)濾器:even和:odd的使用3. :eq()、:gt()和:lt():eq()過(guò)濾器用于選擇指定序號(hào)為n的元素，序號(hào)從0開(kāi)始計(jì)數(shù)。其中eq來(lái)源于英文單詞equal（等于）的前兩個(gè)字母縮寫(xiě)。其語(yǔ)法結(jié)構(gòu)如下：$(":eq(index)")參數(shù)index可替換為指定的序號(hào)。在jQuery1.8版以后，若index填入負(fù)數(shù)，表示倒數(shù)第n個(gè)元素。其中:eq(0)等同于:first過(guò)濾器的效果。:gt()過(guò)濾器用于選擇所有大于序號(hào)為n的元素，序號(hào)從0開(kāi)始計(jì)數(shù)。其中g(shù)t來(lái)源于英文單詞greaterthan（大于）的首字縮寫(xiě)。其語(yǔ)法結(jié)構(gòu)如下：$(":gt(index)")其中參數(shù)index替換為指定的序號(hào)。在jQuery1.8版以后，若index填入負(fù)數(shù)，表示序號(hào)大于倒數(shù)第n個(gè)元素。:lt()過(guò)濾器用于選擇所有小于序號(hào)為n的元素，序號(hào)從0開(kāi)始計(jì)數(shù)。其中l(wèi)t來(lái)源于英文單詞lessthan（小于）的首字縮寫(xiě)。其語(yǔ)法結(jié)構(gòu)如下：$(":lt(index)")參數(shù)index可替換為指定的序號(hào)。在jQuery1.8版以后，若index填入負(fù)數(shù)，表示序號(hào)小于倒數(shù)第n個(gè)元素。其中:lt(1)相當(dāng)于:first過(guò)濾器的效果?！纠?-15】jQuery基礎(chǔ)過(guò)濾器:eq()、:gt()和:lt()的使用【代碼說(shuō)明】本示例包含了一個(gè)寬度為100像素的無(wú)序列表<ul>及其內(nèi)部的5個(gè)列表選項(xiàng)元素<li>。在jQuery中使用了$("li:eq(2)")、$("li:gt(2)")和$("li:lt(2)")分別表示查找序號(hào)等于2、大于2和小于2的<li>元素，并將其邊框樣式分別設(shè)置為2像素寬的紅色、黃色和藍(lán)色實(shí)線(xiàn)。由圖可見(jiàn)，$("li:eq(2)")影響的是第三行的列表選項(xiàng)元素<li>；$("li:gt(2)")影響的是第三行之后的所有列表選項(xiàng)；$("li:lt(2)")影響的是第三行之前的所有列表選項(xiàng)。4. :not():not()過(guò)濾器用于篩選所有不符合條件的元素，其語(yǔ)法結(jié)構(gòu)如下：$(":not(selector)")所有的選擇器都可以與:not()配合使用來(lái)篩選相反的條件?！纠?-16】jQuery基礎(chǔ)過(guò)濾器:not()的使用【代碼說(shuō)明】本示例包含了三個(gè)段落元素<p>，并在CSS內(nèi)部樣式表中為其設(shè)置了統(tǒng)一的樣式：寬、高均為100像素，帶有1像素寬的實(shí)線(xiàn)邊框，向左浮動(dòng)以及各邊外邊距為10像素。其中第二個(gè)段落元素設(shè)置了id="test"以便使用過(guò)濾器:not()測(cè)試效果。在jQuery中使用了選擇器$(":not(p#test)")表示篩選所有除id="test"的段落元素之外的所有HTML元素，并為它們添加1像素寬的紅色實(shí)線(xiàn)邊框。由圖可見(jiàn)，中間的段落元素被排除在了選擇范圍外，因此過(guò)濾器:not()的效果實(shí)現(xiàn)。5. :header:header()過(guò)濾器用于篩選所有的標(biāo)題元素，從<h1>到<h6>均在此選擇范圍內(nèi)。其語(yǔ)法結(jié)構(gòu)如下：$(":header")【例7-17】jQuery基礎(chǔ)過(guò)濾器:header()的使用7.2.2子元素過(guò)濾器(ChildFilter)jQuery子元素過(guò)濾器(ChildFilter)可篩選指定元素的子元素。:first-child 用于選擇所有在父元素中的第一個(gè)子元素。:last-child 用于選擇所有在父元素中的最后一個(gè)子元素。:nth-child() 用于選擇所有在父元素中的第n個(gè)子元素。:nth-last-child() 用于選擇所有在父元素中的倒數(shù)第n個(gè)子元素。:only-child 用于選擇所有在父元素中唯一的子元素。1. :first-child:first-child過(guò)濾器用于篩選頁(yè)面上每個(gè)父元素中的第一個(gè)子元素，其語(yǔ)法結(jié)構(gòu)如下：$(":first-child")與只能選擇唯一元素的:first過(guò)濾器不同，只要是頁(yè)面上的父元素都可以同時(shí)使用:first-child過(guò)濾器從中選出其第一個(gè)子元素，因此選擇結(jié)果可能不止一個(gè)元素。:first-child過(guò)濾器可單獨(dú)使用，也可以與其他選擇器配合使用。例如：$("p:first-child")上述代碼表示在頁(yè)面上所有包含有段落元素<p>的父元素中篩選出每個(gè)父元素內(nèi)部的第一個(gè)段落子元素<p>。需要注意的是，這里所篩選出來(lái)的段落子元素<p>有可能并不是其父元素的第一個(gè)子元素，例如以下這種情況：<div><span>我是第一個(gè)子元素。</span><p>我是第二個(gè)子元素，但是也是第一個(gè)段落元素。我將被$("p:first-child")篩選出來(lái)。</p><p>我是第三個(gè)子元素。</p></div>【例7-18】jQuery基礎(chǔ)過(guò)濾器:first-child()的使用2. :last-child:last-child過(guò)濾器用于篩選頁(yè)面上每個(gè)父元素中的最后一個(gè)子元素，其語(yǔ)法結(jié)構(gòu)如下：$(":last-child")與:first-child過(guò)濾器類(lèi)似，選擇結(jié)果可能不止一個(gè)元素。:last-child過(guò)濾器可單獨(dú)使用，同樣也可以與其他選擇器配合使用。例如：$("p:last-child")上述代碼表示在頁(yè)面上所有包含有段落元素<p>的父元素中篩選出每個(gè)父元素內(nèi)部的最后一個(gè)段落子元素<p>。需要注意的是，這里所篩選出來(lái)的段落子元素<p>有可能并不是其父元素的最后一個(gè)子元素，例如以下這種情況：<div><p>我是第一個(gè)子元素。</p><p>我是第二個(gè)子元素，但是也是最后一個(gè)段落元素。我將被$("p:last-child")篩選出來(lái)。</p><span>我是最后一個(gè)子元素。</span></div>【例7-19】jQuery基礎(chǔ)過(guò)濾器:last-child()的使用3. :nth-child:nth-child()過(guò)濾器用于篩選頁(yè)面上每個(gè)父元素中的第n個(gè)子元素，序號(hào)從1開(kāi)始計(jì)數(shù)。其語(yǔ)法結(jié)構(gòu)如下：$(":nth-child(index)")其中index參數(shù)可以填入具體的數(shù)值，例如：$(":nth-child(2)")上述代碼表示篩選父元素中的第2個(gè)子元素。也可以在:nth-child()過(guò)濾器的index參數(shù)位置填入even或odd字樣，分別表示偶數(shù)個(gè)或奇數(shù)個(gè)元素。例如：$(":nth-child(odd)")上述代碼表示篩選父元素中的第1、3、5、7...個(gè)子元素。還可以在:nth-child()過(guò)濾器的index參數(shù)位置填入數(shù)字與字母n的算術(shù)組合，n的取值從0開(kāi)始，每次自增1直到篩選完全部符合條件的子元素為止。例如：$(":nth-child(3n+1)")上述代碼表示篩選父元素中的第3n+1個(gè)元素，即第1、4、7、10...個(gè)子元素。:nth-child()過(guò)濾器可單獨(dú)使用，也可以與其他選擇器配合使用。:nth-child(1)表示篩選第一個(gè)子元素，等同于:first-child()?！纠?-20】jQuery基礎(chǔ)過(guò)濾器:nth-child()的使用4. :only-child:only-child過(guò)濾器用于篩選所有在父元素中有且僅有一個(gè)的子元素。其語(yǔ)法結(jié)構(gòu)如下：$(":only-child"):only-child()過(guò)濾器可單獨(dú)使用，也可以與其他選擇器配合使用。例如：$("divspan:only-child")上述代碼表示在所有只包含一個(gè)子元素的<div>父元素中，查找<span>類(lèi)型的子元素。如果父元素中包含了其他子元素則不匹配，例如以下這種情況：<div><span>這是span元素</span><button>這是button元素</button></div>上述代碼如果使用$("divspan:only-child")進(jìn)行篩選則匹配失敗，因?yàn)楦冈?lt;div>中還包含了其他子元素<button>。需要注意的是，即使其他子元素是<br>或<hr>等內(nèi)容也會(huì)匹配失敗。例如：<div><span>這是span元素</span><hr></div>上述代碼如果使用$("divspan:only-child")進(jìn)行篩選也會(huì)匹配失敗，因?yàn)?lt;hr>也會(huì)被認(rèn)為是父元素<div>的第二個(gè)子元素。如果父元素中只包含其他文本內(nèi)容不影響:only-child過(guò)濾器的判斷。例如：<div><span>這是span元素</span>這段文字不會(huì)影響span作為div的唯一子元素。</div>上述代碼如果使用$("divspan:only-child")進(jìn)行篩選會(huì)匹配成功。如果子元素內(nèi)部還包含自身的子元素也不會(huì)影響匹配。例如:<div><span>這是span元素<br>這里的br元素是span的子元素<br>不影響span作為div的唯一子元素。</span></div>上述代碼如果使用$("divspan:only-child")進(jìn)行篩選也會(huì)匹配成功?！纠?-21】jQuery基礎(chǔ)過(guò)濾器:only-child()的使用7.2.3內(nèi)容過(guò)濾器(ContentFilter)jQuery內(nèi)容過(guò)濾器(ContentFilter)可以根據(jù)元素所包含的子元素或文本內(nèi)容進(jìn)行過(guò)濾篩選。:contains() 用于選擇所有處于隱藏狀態(tài)的元素。:empty 用于選擇未包含子節(jié)點(diǎn)（子元素和文本）的元素。:parent 用于選擇擁有子節(jié)點(diǎn)（子元素和文本）的元素。:has() 用于選擇包含指定選擇器的元素1. :contains():contains()過(guò)濾器用于篩選出所有包含指定文本內(nèi)容的元素，其語(yǔ)法結(jié)構(gòu)如下：$(":contains(text)")其中text替換成指定的字符串文本，由于過(guò)濾器外面已經(jīng)存在一對(duì)雙引號(hào)，因此該文本可以用單引號(hào)括住具體文字內(nèi)容。例如：$("p:contains('hi')")上述代碼表示選擇所有文本內(nèi)容包含"hi"字樣的段落元素<p>。:contains()過(guò)濾器的篩選文本是大小寫(xiě)敏感型，例如：$("p:contains('hello')")$("p:contains('HELLO')")上述兩個(gè)選擇器的表示完全不同的篩選結(jié)果?！纠?-22】jQuery內(nèi)容過(guò)濾器:contains()的使用2. :empty:empty過(guò)濾器用于選擇未包含子節(jié)點(diǎn)（子元素和文本）的元素，其語(yǔ)法結(jié)構(gòu)如下：$(":empty"):empty過(guò)濾器可以和其他有效選擇器配合使用，例如：$("td:empty")上述代碼表示選擇所有無(wú)內(nèi)容的表格單元格元素<td>。部分元素標(biāo)簽直接默認(rèn)為不包含任何子節(jié)點(diǎn)，例如水平線(xiàn)標(biāo)簽<hr>、換行標(biāo)簽<br>、圖像標(biāo)簽<img>、表單標(biāo)簽<input>等?！纠?-23】jQuery內(nèi)容過(guò)濾器:empty()的使用1. <!DOCTYPEhtml>2. <html>3. <head>4. <metacharset="utf-8">5. <title>jQuery內(nèi)容過(guò)濾器:empty示例</title>6. <scriptsrc="js/jquery-1.12.3.min.js"></script>7. </head>8. <body>9. <h3>jQuery內(nèi)容過(guò)濾器:empty示例</h3>10. <hr>11. <tableborder="1">12. <tr><th>第一季度</th><th>第二季度</th><th>第三季度</th></tr>13. <tr><td>100</td><td>120</td><td>140</td></tr>14. <tr><td>200</td><td>220</td><td>240</td></tr>15. <tr><td>300</td><td>320</td><td></td></tr>16. </table>17. <script>18. $(document).ready(function(){19. $("td:empty").css("background","lightblue");20. });21. </script>22. </body>23. </html>運(yùn)行效果如圖7-25所示。圖7-23jQuery內(nèi)容過(guò)濾器:empty()的使用效果3. :parent:parent過(guò)濾器用于選擇包含了子節(jié)點(diǎn)（子元素和文本）的元素，其語(yǔ)法結(jié)構(gòu)如下：$(":parent"):parent過(guò)濾器可以和其他有效選擇器配合使用，例如：$("td:parent")上述代碼表示選擇所有包含內(nèi)容的表格單元格元素<td>。需要注意的是，W3C規(guī)定了段落元素<p>起碼包含一個(gè)子節(jié)點(diǎn)，即使該元素中沒(méi)有任何文本內(nèi)容?！纠?-24】jQuery內(nèi)容過(guò)濾器:parent()的使用4. :has:has()過(guò)濾器用于選擇包含指定選擇器的元素，其語(yǔ)法結(jié)構(gòu)如下：$(":has(selector)")所有的選擇器都可以與:has()配合使用作為包含的條件。例如：$("div:has(table)")上述代碼表示選擇所有包含表格的塊元素<div>?！纠?-25】jQuery內(nèi)容過(guò)濾器:has()的使用7.2.4可見(jiàn)性過(guò)濾器(VisibilityFilter)jQuery可見(jiàn)性過(guò)濾器(VisibilityFilter)根據(jù)元素當(dāng)前狀態(tài)是否可見(jiàn)進(jìn)行過(guò)濾篩選。:hidden 用于選擇所有處于隱藏狀態(tài)的元素。:visible 用于選擇所有處于可見(jiàn)狀態(tài)的元素。1. :hidden:hidden過(guò)濾器用于篩選出所有處于隱藏狀態(tài)的元素，其語(yǔ)法結(jié)構(gòu)如下：$(":hidden"):hidden過(guò)濾器可單獨(dú)使用，也可以與其他選擇器配合使用對(duì)元素進(jìn)一步過(guò)濾篩選。例如：$("p:hidden")上述代碼表示查找所有隱藏的段落元素<p>。元素在網(wǎng)頁(yè)中不占用任何位置空間就被認(rèn)為是隱藏的，具體有以下幾種情況：元素的寬度和高度明確設(shè)置為0；元素的CSS屬性中display的值為none；表單元素的type屬性設(shè)置為hidden；元素的父元素處于隱藏狀態(tài)，因此元素也一并無(wú)法顯示出來(lái)；下拉列表中的所有選項(xiàng)<option>元素也被認(rèn)為是隱藏的，無(wú)論其是否為selected狀態(tài)；【例7-26】jQuery可見(jiàn)性過(guò)濾器:hidden()的使用使用可見(jiàn)性過(guò)濾器:hidden()查找處于隱藏狀態(tài)的<div>元素與<input>元素?！敬a說(shuō)明】本示例包含了兩組測(cè)試元素：一對(duì)表單<input>元素，其type值分別為text和hidden；一對(duì)<div>元素，其中一個(gè)設(shè)置為display:none的狀態(tài)。頁(yè)面在首次加載后兩組元素都只能顯示其中非隱藏狀態(tài)的一個(gè)元素。在jQuery中使用了find(selector)方法查找隱藏的元素，該方法可以返回符合條件的元素對(duì)象數(shù)組。其中$("body")表示在<body>元素中查找，find("div:hidden")和find("input:hidden")分別表示查找所有處于隱藏狀態(tài)的<div>元素和<input>元素。當(dāng)前僅為find()方法的簡(jiǎn)單使用，關(guān)于find()方法的更多介紹可以查閱本書(shū)第七章jQuery遍歷的相關(guān)內(nèi)容。2. :visible:visible過(guò)濾器用于篩選出所有處于可見(jiàn)狀態(tài)的元素，其語(yǔ)法結(jié)構(gòu)如下：$(":visible"):visible過(guò)濾器可單獨(dú)使用，也可以與其他選擇器配合使用對(duì)元素進(jìn)一步過(guò)濾篩選。:visible過(guò)濾器與:hidden過(guò)濾器的篩選條件完全相反，因此無(wú)法同時(shí)使用。需要注意的是，元素處于以下幾種特殊情況中也被認(rèn)為是可見(jiàn)狀態(tài):元素的透明度屬性opacity為0，此時(shí)元素仍然占據(jù)原來(lái)的位置；元素的可見(jiàn)屬性visibility值為hidden，此時(shí)元素仍然占據(jù)原來(lái)的位置；當(dāng)元素處于逐漸被隱藏的動(dòng)畫(huà)效果中，到動(dòng)畫(huà)結(jié)束之前都被認(rèn)為仍然是可見(jiàn)的；當(dāng)元素處于逐漸被顯現(xiàn)的動(dòng)畫(huà)效果中，從動(dòng)畫(huà)一開(kāi)始啟動(dòng)就被認(rèn)為是可見(jiàn)的?！纠?-27】jQuery可見(jiàn)性過(guò)濾器:visible()的使用使用可見(jiàn)性過(guò)濾器:visible()查找處于顯示狀態(tài)的元素?！敬a說(shuō)明】本示例包含了三個(gè)段落元素<p>：前兩個(gè)為默認(rèn)可見(jiàn)狀態(tài)，第三個(gè)設(shè)置為display:none的狀態(tài)。頁(yè)面在首次加載后只能顯示前兩個(gè)處于可見(jiàn)狀態(tài)的段落元素<p>。在jQuery中使用了find(selector)方法查找處于可見(jiàn)狀態(tài)的元素，該方法可以返回符合條件的元素對(duì)象數(shù)組。其中$("div#box")表示在id="box"的<div>元素中查找，find("p:visible")表示查找所有處于可見(jiàn)狀態(tài)的<p>元素。因此由上圖可見(jiàn)，關(guān)于處于顯示狀態(tài)<p>元素的統(tǒng)計(jì)結(jié)果為2個(gè)。7.3階段案例：網(wǎng)頁(yè)一鍵換膚7.3.1案例需求制作一款可以給網(wǎng)頁(yè)主題顏色一鍵切換的應(yīng)用，點(diǎn)擊工具箱中的按鈕即可實(shí)現(xiàn)一鍵換膚功能。7.3.2案例分析網(wǎng)頁(yè)的主題顏色主要是靠css樣式代碼實(shí)現(xiàn)的，如果事先制作好多個(gè)主題顏色的CSS樣式文件，那么HTML頁(yè)面引用了其中哪個(gè)主題顏色樣式文件，就會(huì)顯示對(duì)應(yīng)的皮膚效果了?？梢钥紤]給HTML頁(yè)面<head>中關(guān)于外部樣式表引用的<link>標(biāo)簽加上id屬性，這樣就方便被jQuery選擇器準(zhǔn)確定位和修改引用的文件地址了。例如，在HTML文件中有：<linkid="skinCSS"rel="stylesheet"href="css/theme/a.css"><script>//更新對(duì)應(yīng)的CSS樣式文件$("#skinCSS").attr("href","css/theme/b.css")</script>上述代碼就表示原先引用的外部樣式文件是a.css，然后被jQuery使用ID選擇器找到了id="skinCSS"的<link>標(biāo)簽，并且把引用的href地址變更成了b.css。7.3.3案例制作創(chuàng)建一個(gè)HTML文件，文件名可自定義，例如ThemeSwitch.html。相關(guān)代碼如下：1. <!doctypehtml>2. <html>3. <head>4. <metacharset="utf-8">5. <title>網(wǎng)頁(yè)一鍵換膚</title>6. <linkrel="stylesheet"href="css/common.css">7. <linkid="skinCSS"rel="stylesheet"href="css/theme/skin_blue.css">8. <scriptsrc="js/jquery-1.12.3.min.js"></script>9. </head>10. 11. <body>12. <!--一、頁(yè)眉-->13. <header>14. <h1>網(wǎng)頁(yè)一鍵換膚</h1>15. </header>16. <!--二、主體部分-->17. <divid="container">18. <!--工具箱整體區(qū)域-->19. <divid="toolbox">20. <!--（1）工具箱區(qū)域頁(yè)眉-->21. <header>22. <h2>主題切換工具箱</h2>23. </header>24. <!--（2）按鈕區(qū)域-->25. <divid="btnBox">26. <button>藍(lán)色主題</button>27. <button>紅色主題</button>28. <button>紫色主題</button>29. </div>30. <!--（3）工具箱區(qū)域頁(yè)腳-->31. <footer></footer>32. </div>33. </div>34. <!--三、頁(yè)腳-->35. <footer>36. Copyright©ZWJ2023-2033AllRightsReserved.37. </footer>38. 39. <script>40. //記錄主題皮膚CSS文件名稱(chēng)的數(shù)組41. varskinArr=["skin_blue","skin_red","skin_purple"];42. 43. //監(jiān)聽(tīng)按鈕點(diǎn)擊事件44. $("#btnBoxbutton").click(function(){45. //獲取當(dāng)前鼠標(biāo)點(diǎn)擊的按鈕索引值（從0開(kāi)始計(jì)數(shù)）46. vari=$("#btnBoxbutton").index(this);47. //更新對(duì)應(yīng)的CSS樣式文件48. $("#skinCSS").attr("href","css/theme/"+skinArr[i]+".css")49. });50. </script>51. </body>52. </html>其中公共樣式代碼存放于外部樣式表common.css中，代碼如下：1. /*公共樣式*/2. body{3. text-align:center;/*文本居中*/4. background-color:#ccc;/*網(wǎng)頁(yè)背景顏色灰色*/5. }6. *{7. margin:0;/*清除外

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論