jQuery選擇符是選擇HTML元素的一種強大的工具,它非常簡單易用。它可以基于元素的ID、class、屬性和標簽名對元素進行選擇。在jQuery中,選擇器以$()
開頭,然后添加選擇器的參數,再以分號結尾。
// 選擇文檔中所有的段落 $('p'); // 選擇ID為"example"的元素 $('#example'); // 選擇class為"highlight"的所有元素 $('.highlight'); // 選擇屬性包含"data-"前綴的元素 $('[data-]'); // 選擇所有<a>標簽中href屬性值包含".pdf"的元素 $('a[href*=".pdf"]');
通過選擇器可以方便地操作DOM元素,例如添加、移除、修改元素屬性和內容等。
// 添加class為"active"到ID為"example"的元素 $('#example').addClass('active'); // 移除class為"highlight"的元素 $('.highlight').removeClass('highlight'); // 修改所有<h1>標簽中的文本 $('h1').text('New heading'); // 修改所有<div>標簽的背景顏色 $('div').css('background-color', 'red');
jQuery選擇符非常靈活,可以根據具體的需求來進行使用,利用好選擇器可以讓代碼編寫更加簡潔高效。