在前端開發中,選擇器是非常重要的一個概念。在使用jQuery和CSS時,我們都會涉及到選擇器的使用。雖然二者都可以用選擇器來選擇元素,但它們卻有很多不同的地方。
// CSS選擇器 p { color: red; } // jQuery選擇器 $('p').css('color', 'red');
CSS選擇器包括了大量的常用選擇器,比如標簽選擇器、ID選擇器、類選擇器等等。而jQuery選擇器的種類更加豐富,可以通過元素類型、元素狀態、元素屬性、元素內容、元素位置等方式進行篩選。
// CSS選擇器 #header { background-color: yellow; } // jQuery選擇器 $('div#header').css('background-color', 'yellow');
另一個不同點在于,CSS選擇器只能選擇網頁中已存在的元素,而jQuery則可以選擇當前還不存在的元素。
// CSS選擇器 /* 假設該元素還不存在 */ #footer { font-size: 14px; } // jQuery選擇器 /* 追加一個還不存在的元素 */ $('body').append(''); $('div#footer').css('font-size', '14px');
總的來說,CSS選擇器適用于靜態網站,而jQuery選擇器則更適用于動態網站,因為jQuery可以重復使用相同的選擇器來選擇新添加的元素。
上一篇css基礎和html
下一篇css基礎實驗