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