JQuery選擇器是一種非常有用的工具,它允許你快速地選擇頁面上的各種元素。以下是一些JQuery選擇器的實現方式。
//選擇所有的段落元素 $('p'); //選擇ID為myDiv的元素 $('#myDiv'); //選擇class為myClass的元素 $('.myClass'); //選擇所有文本框元素 $('input[type="text"]'); //選擇最后一個列表項 $('li:last'); //選擇偶數個列表項 $('li:even'); //選擇所有鏈接,排除那些以http://開頭的鏈接 $('a:not([href^="http://"])'); //選擇擁有自定義屬性data-id的元素 $('[data-id]'); //選擇緊挨著h1元素的所有p元素 $('h1 + p'); //選擇所有表單元素中被選中的復選框 $('input[type="checkbox"]:checked');
如果你想選擇多個元素,可以使用逗號分隔它們的選擇器:
//選擇所有段落和標題元素 $('p, h1, h2, h3, h4, h5, h6');
現在你已經掌握了JQuery選擇器的一些常見用法,可以更輕松地操作你的網頁了!