jQuery是一款方便易用的JavaScript庫。它提供了許多實用工具函數,可以簡化前端開發中很多復雜的操作。下面介紹一些常用的jQuery函數:
//1. $(document).ready(): 當DOM樹加載完畢后執行一段JavaScript代碼 $(document).ready(function() { //這里寫代碼 }); //2. $('selector').click(): 給指定元素添加點擊事件 $('button').click(function() { //這里寫代碼 }); //3. $('selector').addClass(): 給指定元素添加類名 $('div').addClass('highlight'); //4. $('selector').removeClass(): 給指定元素移除類名 $('div').removeClass('highlight'); //5. $('selector').toggle(): 切換指定元素的顯示狀態 $('div').toggle(); //6. $('selector').fadeIn(): 淡入指定元素 $('div').fadeIn(); //7. $('selector').fadeOut(): 淡出指定元素 $('div').fadeOut(); //8. $('selector').slideUp(): 向上收起指定元素 $('div').slideUp(); //9. $('selector').slideDown(): 向下展開指定元素 $('div').slideDown(); //10. $('selector').css(): 給指定元素設置CSS屬性 $('div').css('border', '1px solid red');
以上是jQuery中的一些實用函數,可以極大提高前端開發的效率。當然,jQuery中還有非常多的實用函數,需要開發者們根據實際需求進行選擇和使用。