jQuery選擇器是一種方便快捷的操作DOM元素的工具,其中最常用的就是id選擇器,下面就讓我們來詳細了解一下id選擇器的使用方法。
// 選中id名為“example”的元素 $("#example")
在上面的代碼中,我們使用了美元符號$作為jQuery的符號引用,緊接著使用一對括號,括號內寫上選擇器的名稱,而選擇器的名稱則是CSS中id名的前面加上一個井號“#”。
// 選中id名為“example”的元素,然后設置其背景色為紅色 $("#example").css("background-color", "red");
上面的代碼中,我們使用了jQuery的css方法,該方法可以設置元素的CSS屬性,第一個參數為屬性名,第二個參數為屬性值。
// 選中id名為“example”的元素,然后為其添加一個點擊事件 $("#example").click(function() { alert("You clicked on the element with the ID of 'example'!"); });
上面的代碼中,我們使用了jQuery的click方法,該方法可以為元素添加點擊事件,當元素被點擊時,會執行括號內的函數,其中,我們使用了JavaScript原生的alert方法來顯示一個彈框。
上一篇css帶弧度的圓形
下一篇css布局之底部代碼