li:eq(1)).remove();// 獲取第二個(gè)li元素節(jié)點(diǎn)后,將它從網(wǎng)頁(yè)中刪除。
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶,將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴,公司提供的服務(wù)項(xiàng)目有:域名注冊(cè)、網(wǎng)絡(luò)空間、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、礦區(qū)網(wǎng)站維護(hù)、網(wǎng)站推廣。
刪除指定元素首先得選擇它。如:(ul li) 這個(gè)表示選擇ul下所有的li。(ul li) .remove();//表示刪除所有的li。(ul li:eq(0)).remove()//表示刪除第一個(gè)li。0 表示第一個(gè) 1表示第二個(gè) 以此類(lèi)推。
使用jquery腳本庫(kù),因此先引入jquery腳本文件。html代碼里,就是一個(gè)ul列表,里面有二個(gè)img控件,還有一個(gè)按鈕。要注意的是給ul加了一個(gè)樣式名。使用jquery,先為按鈕添加一個(gè)點(diǎn)擊事件。
first代表選取第一個(gè)元素,類(lèi)似的:last代表選擇最后一個(gè)元素,如果希望靈活的選擇某個(gè)元素可以用:eq(i),i代表元素的下標(biāo)。
如果你學(xué)過(guò)面向?qū)ο笳Z(yǔ)言的話,例如JAVA,你應(yīng)該明白這個(gè)this在JAVA里的意思,簡(jiǎn)單的說(shuō),誰(shuí)在調(diào)用它,它就代表文誰(shuí)。
first- child:為每個(gè)父元素匹配第一個(gè)子元素,如li:first-child返回每個(gè)ul的第一個(gè)li元素。
樓上的解答是對(duì)的,另外我補(bǔ)充下,在Jquery里, 冒號(hào)后面是跟選擇器,即你想要選哪個(gè)元素,比如p:first 就是第一個(gè)P元素,P:last就是最后一個(gè)P元素(相對(duì)于整個(gè)頁(yè)面)。
你看下jQ的手冊(cè)就知道了jQuery([selector,[context]])selector:用來(lái)查找的字符串context:作為待查找的 DOM 元素集、文檔或 jQuery 對(duì)象。
$(ul.mac_ul li“)是指所有class為mac_ul的li,這個(gè)時(shí)候你在原來(lái)的基礎(chǔ)上使用first或last都是獲取到所有class為mac_ul的li的第一個(gè)和最后一個(gè)。
層級(jí)選擇器:ancestor descendant:表示選取ancestor里面所有的descendant元素。parent child:表示選擇parent元素的所有子元素。prev + next:表示選擇prev后面的兄弟元素,就是下一個(gè)元素。
jquery選擇器有9種,分別是:基本的有id、標(biāo)簽、類(lèi)、通配符選擇器;層次選擇器;基本過(guò)濾器選擇器;內(nèi)容過(guò)濾器選擇器;可見(jiàn)性過(guò)濾器選擇器;屬性過(guò)濾器選擇器;子元素過(guò)濾器選擇器;表單選擇器;表單過(guò)濾器選擇器。
基本選擇器 基本選擇器是jQuery中最常用也是最簡(jiǎn)單的選擇器,它通過(guò)元素的id、class和標(biāo)簽名等來(lái)查找DOM元素。
層次選擇器 如果想通過(guò)DOM元素之間的層次關(guān)系來(lái)獲取特定元素,例如后代元素、子元素、相鄰元素和同輩元素等,那么層次選擇器是一個(gè)非常好的選擇。
1、可以考慮用length屬性, jquery代碼: $(“#ulname li”).length。ul 是 Unordered List(無(wú)序列表)的縮寫(xiě)。與之相對(duì)的有ol有序列表標(biāo)簽,列表里的項(xiàng)目用li標(biāo)簽記述,所有主流瀏覽器都支持 ul 標(biāo)簽。
2、ul li第1個(gè)/li li第2個(gè)/li li第3個(gè)/li li第4個(gè)/li/ul使用eq選擇器獲取語(yǔ)法:$(:eq(index)) index值從0開(kāi)始。
3、主題皮膚、屬性樣式。主題皮膚:使用jquery設(shè)置三個(gè)li的css樣式,分別是三種顏色風(fēng)格的主題皮膚,將其引入頁(yè)面。屬性樣式:使用jquery設(shè)置三個(gè)li的css樣式,添加了title屬性,另外禁用了第2個(gè)和第3個(gè)CSS文件。
4、.test li).length;num = $(.content .test ul).map(function() {return $(this).find(li).length;}).get().join(,);alert(不同div下的li數(shù)量分別為:+num+,總數(shù)為:+tol+。
5、(#ul li).not(:first).remove();(1):first 舉:(div.one:first),獲取所有class=one的Div的第一個(gè)div子元素。
分享標(biāo)題:jquery選擇器ul jquery選擇器和css選擇器的區(qū)別
本文路徑:http://www.rwnh.cn/article46/dgggjeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、云服務(wù)器、手機(jī)網(wǎng)站建設(shè)、企業(yè)建站、自適應(yīng)網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)