摘要:由于該選擇器的特殊性,它常與其他元素組合使用,表示獲取其他元素中的全部子元素。參數(shù)祖先的簡(jiǎn)寫表示父元素參數(shù)后代的簡(jiǎn)寫表示后代元素,即包括子元素孫元素等等。
2.1 id選擇器
jquery能使用CSS選擇器來(lái)操作網(wǎng)頁(yè)中的標(biāo)簽元素。如果你想要通過(guò)一個(gè)id號(hào)去查找一個(gè)元素,就可以使用如下格式的選擇器:
$("#my_id")
其中#my_id表示根據(jù)id選擇器獲取頁(yè)面中指定的標(biāo)簽元素,且返回唯一一個(gè)元素。
此外,html()`方法的功能是設(shè)置或獲取元素中顯示的內(nèi)容。
2.2 element 選擇器在文具盒中,有鉛筆、鋼筆和水彩筆,類似于頁(yè)面中的 其中element就是元素的名稱,也就是工具盒中的筆的名稱,找到水彩筆,我們就可畫畫了,通過(guò)元素名找到元素就可以對(duì)它進(jìn)行操作了。 此外,css()方法的功能是設(shè)置或獲取元素的某項(xiàng)樣式屬性。 還可以通過(guò)元素的類別屬性查找元素,就好比在文具盒中要找一個(gè)“紅色”鉛筆一樣,根據(jù)元素的某個(gè)特征進(jìn)行查找,它的調(diào)用格式如下: 其中.class參數(shù)表示元素的CSS類別(類選擇器)名稱。 “*”號(hào)選擇器,它的功能是獲取頁(yè)面中的全部元素,包括、、這些元素,相當(dāng)于可以取走你文具盒中的所有鉛筆,格式為: 選擇器中的參數(shù)就一個(gè)“*”,既沒有“#”號(hào),也沒有“.”號(hào)。 由于該選擇器的特殊性,它常與其他元素組合使用,表示獲取其他元素中的全部子元素。 有時(shí)需要精確的選擇任意多個(gè)指定的元素,類似于從文具盒中挑選出多根自已喜歡的筆,就需要調(diào)用sele1,sele2,seleN選擇器,它的調(diào)用格式如下: 其中參數(shù)sele1、sele2到seleN為有效選擇器,每個(gè)選擇器之間用“,”號(hào)隔開,它們可以是之前提及的各種類型選擇器,如$(“#id”)、$(“.class”)、$(“selector”)選擇器等。 從本小節(jié)開始,將介紹層次性選擇器。 在實(shí)際應(yīng)用開發(fā)中,常常是多個(gè)元素嵌套在一起,形成復(fù)雜的層次關(guān)系,通過(guò)層次選擇器,可以快速定位某一層次的一個(gè)或多個(gè)元素,ance desc選擇器就是其中之一,它的調(diào)用格式如下: 其中ance desc是使用空格隔開的兩個(gè)參數(shù)。ance參數(shù)(ancestor祖先的簡(jiǎn)寫)表示父元素;desc參數(shù)(descendant后代的簡(jiǎn)寫)表示后代元素,即包括子元素、孫元素等等。兩個(gè)參數(shù)都可以通過(guò)選擇器來(lái)獲取。比如家族姓氏“div”,家族幾代人里,都有名字里帶“span”的,就可以用這個(gè)ance desc選擇器把這幾個(gè)人給定位出來(lái)。 parent > child選擇器的范圍要小些,它所選擇的目標(biāo)是子集元素,相當(dāng)于一個(gè)家庭中的子輩們,但不包括孫輩,它的調(diào)用格式如下: child參數(shù)獲取的元素都是parent選擇器的子元素,它們之間通過(guò)“>”符號(hào)來(lái)表示一種層次關(guān)系。 通過(guò)prev + next選擇器就可以查找與“prev”元素緊鄰的下一個(gè)“next”元素,格式如下: 其中參數(shù)prev為任何有效的選擇器,參數(shù)“next”為另外一個(gè)有效選擇器,它們之間的“+”表示一種上下的層次關(guān)系,也就是說(shuō),“prev”元素最緊鄰的下一個(gè)元素由“next”選擇器返回的并且只返回唯的一個(gè)元素。 與prev + next層次選擇器相同,prev ~ siblings選擇器也是查找prev元素之后的相鄰元素,但前者只獲取第一個(gè)相鄰的元素,而后者則獲取prev元素后面全部相鄰的元素,它的調(diào)用格式如下: 其中參數(shù)prev與siblings兩者之間通過(guò)“~”符號(hào)形成一種層次相鄰的關(guān)系,表明siblings選擇器獲取的元素都是prev元素之后的同輩元素。 文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。 轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/78669.html$(“element”)
$(“.class”)
$(“*”)
$(“sele1,sele2,seleN”)
$("ance desc")
$(“parent > child”)
$(“prev + next”)
$(“prev ~ siblings”)
摘要:坦克大戰(zhàn)上簡(jiǎn)介上的坦克大戰(zhàn)相信大家都玩過(guò)有逃學(xué)玩坦克的可以自己默默的扣一個(gè)了我們現(xiàn)在長(zhǎng)大了,學(xué)習(xí)游戲開發(fā)了。 寫在前面 上一篇(https://www.tech1024.cn/origi... )說(shuō)了如何創(chuàng)建項(xiàng)目,并爬去網(wǎng)站內(nèi)容,下面我們說(shuō)一下如何保存爬去到的數(shù)據(jù) 開始爬取 創(chuàng)建Spider,上一篇我們已經(jīng)創(chuàng)建了ImoocSpider,我們做一下修改,可以連續(xù)下一頁(yè)爬取。scrapyD...
摘要:代表的上下文對(duì)象是一個(gè)的上下文對(duì)象,可以調(diào)用的方法和屬性值特殊選擇器點(diǎn)擊測(cè)試通過(guò)原生處理點(diǎn)擊測(cè)試通過(guò)原生處理直接通過(guò)的方法改變顏色通過(guò)包裝成對(duì)象改變顏色 DOM對(duì)象轉(zhuǎn)化成jQuery對(duì)象 如果傳遞給$(DOM)函數(shù)的參數(shù)是一個(gè)DOM對(duì)象,jQuery方法會(huì)把這個(gè)DOM對(duì)象給包裝成一個(gè)新的jQuery對(duì)象 元素一 元素二 元素三 var ...
摘要:如下就是對(duì)象或是如下以下兩者的修改都是等價(jià)的但是使用不能很好的操作,所以可以將其轉(zhuǎn)換成對(duì)象把元素轉(zhuǎn)化成的對(duì)象總體,表示當(dāng)前的上下文對(duì)象是一個(gè)對(duì)象,可以調(diào)用對(duì)象所擁有的屬性和方法。代表的上下文對(duì)象是一個(gè)的上下文對(duì)象,可以調(diào)用的方法和屬性值。 一:初識(shí) jquery: 1、 jQuery 只是一個(gè)庫(kù),不需要特別的安裝,只需要我們?cè)陧?yè)面 標(biāo)簽內(nèi)中通過(guò) script 標(biāo)簽?zāi)_本引入 jQuer...
摘要:具有相同的父元素,并匹配過(guò)濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見元素的寬度或高度,是大于零。元素的或被認(rèn)為是可見的,因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫(kù)本質(zhì)上還是JavaScript代碼,它只是對(duì)JavaScript語(yǔ)言進(jìn)行包裝處理,為了是提供更好更方便快捷的DOM處理與開發(fā)常見中經(jīng)常使用的功能。我們可以用jQuery...
摘要:具有相同的父元素,并匹配過(guò)濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見元素的寬度或高度,是大于零。元素的或被認(rèn)為是可見的,因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫(kù)本質(zhì)上還是JavaScript代碼,它只是對(duì)JavaScript語(yǔ)言進(jìn)行包裝處理,為了是提供更好更方便快捷的DOM處理與開發(fā)常見中經(jīng)常使用的功能。我們可以用jQuery...
閱讀 770·2021-09-30 09:46
閱讀 3777·2021-09-03 10:45
閱讀 3609·2019-08-30 14:11
閱讀 2544·2019-08-30 13:54
閱讀 2255·2019-08-30 11:00
閱讀 2347·2019-08-29 13:03
閱讀 1554·2019-08-29 11:16
閱讀 3581·2019-08-26 13:52