在前端開發中,jquery是一個非常常見的js庫,它可以幫助我們快速地完成許多常用的操作。其中class和id是jquery中最基礎的兩個選擇器。下面將介紹它們的基本用法。
// 選中id為example的元素,并進行操作 $("#example").doSometing(); // 選中class為example的元素,并進行操作 $(".example").doSomething();
上述代碼中,$既是jquery的入口函數,也是jquery的主要對象。在選擇器中,id前加#,class前加點號(.)即可。
需要注意的是,同一個頁面中,多個元素可能會使用相同的class,但id應該是唯一的。使用id作為選擇器時速度更快。
// 對class為example的元素添加文本內容 $(".example").text("Hello World!"); // 對id為example的元素添加文本內容 $("#example").text("Hello World!");
使用jquery的優點之一是可以快速添加/修改元素的屬性,以及操作元素的內容。上面的代碼使用text()方法,在被選中的元素內添加文本內容。
綜上所述,掌握jquery中class和id的用法可以幫助我們快速選中頁面上的元素,進行各種操作,提高開發效率。