新聞中心
jQuery對象訪問的方法有哪些?

成都創(chuàng)新互聯(lián)公司堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的西和網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
在jQuery中,我們經(jīng)常需要對DOM元素進(jìn)行操作,為了方便操作,jQuery為我們提供了一些方法來訪問和操作DOM元素,下面我們來詳細(xì)介紹一下這些方法。
選擇器方法
1、屬性選擇器:通過元素的屬性值來選中元素。
$("input[type='text']"); // 選中所有類型為text的input元素
2、類選擇器:通過元素的class屬性值來選中元素。
$(".myClass"); // 選中所有class為myClass的元素
3、ID選擇器:通過元素的id屬性值來選中元素。
$("myId"); // 選中id為myId的元素
4、偽類選擇器:通過元素的狀態(tài)來選中元素。
$("a:hover"); // 選中鼠標(biāo)懸停在鏈接上的狀態(tài)的鏈接元素
5、偽元素選擇器:通過元素的某個部分來選中元素。
$("p::first-letter"); // 選中段落的第一個字母
6、子選擇器:通過指定一個父元素來選中其子元素。
$("ul > li"); // 選中ul的所有直接子li元素
7、相鄰兄弟選擇器:通過指定一個相對位置的兄弟元素來選中它們。
$("ol > li + li"); // 選中ol的所有相鄰兄弟li元素
8、一般兄弟選擇器:通過指定一個相對位置的兄弟元素來選中它們。
$("ol > li ~ li"); // 選中ol的所有除了第一個li之外的其他兄弟li元素
遍歷方法
1、each():遍歷匹配到的每個元素,并為每個元素執(zhí)行指定的操作。
$("li").each(function() {
$(this).css("color", "red");
});
2、map():遍歷匹配到的每個元素,并返回一個新的jQuery對象,包含每個元素經(jīng)過指定函數(shù)處理后的結(jié)果。
$("li").map(function() {
return $(this).text();
}).get(); // ["item1", "item2", "item3"]
3、filter():遍歷匹配到的每個元素,并返回一個新的jQuery對象,包含滿足指定條件的元素。
$("li").filter(function() {
return $(this).text().length > 5;
}); // 選中文本長度大于5的li元素
修改內(nèi)容方法
1、html():設(shè)置或替換匹配到的每個元素的內(nèi)容。
$("p").html("加粗"); // 將所有p元素的內(nèi)容替換為加粗文本加粗
當(dāng)前題目:jquery對象訪問的方法有哪些
標(biāo)題來源:http://m.fisionsoft.com.cn/article/dhgdesc.html


咨詢
建站咨詢
