jQuery對象訪問的方法有哪些？

成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的西和網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(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、偽元素選擇器：通過元素的某個(gè)部分來選中元素。

$("p::first-letter"); // 選中段落的第一個(gè)字母

6、子選擇器：通過指定一個(gè)父元素來選中其子元素。

$("ul > li"); // 選中ul的所有直接子li元素

7、相鄰兄弟選擇器：通過指定一個(gè)相對位置的兄弟元素來選中它們。

$("ol > li + li"); // 選中ol的所有相鄰兄弟li元素

8、一般兄弟選擇器：通過指定一個(gè)相對位置的兄弟元素來選中它們。

$("ol > li ~ li"); // 選中ol的所有除了第一個(gè)li之外的其他兄弟li元素

遍歷方法

1、each():遍歷匹配到的每個(gè)元素，并為每個(gè)元素執(zhí)行指定的操作。

$("li").each(function() {
  $(this).css("color", "red");
});

2、map():遍歷匹配到的每個(gè)元素，并返回一個(gè)新的jQuery對象，包含每個(gè)元素經(jīng)過指定函數(shù)處理后的結(jié)果。

$("li").map(function() {
  return $(this).text();
}).get(); // ["item1", "item2", "item3"]

3、filter():遍歷匹配到的每個(gè)元素，并返回一個(gè)新的jQuery對象，包含滿足指定條件的元素。

$("li").filter(function() {
  return $(this).text().length > 5;
}); // 選中文本長度大于5的li元素

修改內(nèi)容方法

1、html():設(shè)置或替換匹配到的每個(gè)元素的內(nèi)容。

$("p").html("加粗"); // 將所有p元素的內(nèi)容替換為加粗文本加粗