jQuery選擇器是jQuery框架中非常重要的一部分,它允許我們以不同的方式來選擇HTML元素。在本文中,我們將學習關于jQuery選擇器的綜合使用示例,幫助我們更好地理解和使用jQuery選擇器。
首先,選擇所有的段落(p)標簽并將它們背景顏色改為紅色:
$('p').css('background-color', 'red');
接下來,選擇ID為myDiv的div元素中的所有段落標簽并將它們的文本顏色改成藍色:
$('#myDiv p').css('color', 'blue');
然后,選擇以“https”開頭的所有鏈接元素并將它們的文本顏色改為綠色:
$('a[href^="https"]').css('color', 'green');
接下來,選擇類名為“highlight”的所有元素并將它們的字體加粗:
$('.highlight').css('font-weight', 'bold');
然后,選擇表格中第二行所有單元格(除去第一個單元格)并將它們的文本顏色改為橙色:
$('tr:eq(1) td:not(:first-child)').css('color', 'orange');
接下來,選擇具有自定義屬性data-price的所有元素并將它們的字體樣式改為斜體:
$('[data-price]').css('font-style', 'italic');
然后,選擇后續兄弟元素中的第一個input元素并將它的背景顏色改為灰色:
$('input:first-of-type ~ input').css('background-color', 'gray');
最后,選擇以字母n結尾的所有元素并將它們的文本顏色改為紫色:
$('*[id$="n"]').css('color', 'purple');
以上就是一些基本的jQuery選擇器綜合使用示例,希望可以幫助大家更好地掌握和應用jQuery選擇器。