## jQuery1.12.4幫助文檔 jQuery是一個廣泛使用的JavaScript庫，用于簡化HTML文檔的遍歷和操作、事件處理、動畫和Ajax交互等常見任務。 ### 下載和引入jQuery jQuery庫文件可以從官方網站下載，或者通過CDN引入： ```html``` ### 選擇器 jQuery提供了像CSS一樣的選擇器，使用起來非常方便。例如： ```javascript $('#myDiv') // 選中ID為myDiv的元素 $('.myClass') // 選中class為myClass的所有元素 $('input[type="text"]') // 選中所有type為text的input元素 $('ul li:first') // 選中第一個ul元素下的第一個li元素 ``` ### DOM操作 通過選擇器選中的元素，可以進一步進行DOM操作。例如： ```javascript $('#myDiv').html('Hello, World!') // 將myDiv元素的內容設置為Hello, World! $('input:text').val('default text') // 給所有type為text的input元素設置默認值 $('.myClass').addClass('active') // 給所有class為myClass的元素添加active類 $('ul').append('

new item

') // 在所有ul元素的最后添加一個新的li元素 ``` ### 事件處理 jQuery提供了方便易用的事件處理功能。例如： ```javascript $('button').click(function() { alert('Button clicked!'); }); $('input').on('focus', function() { $(this).css('background-color', '#ffffcc'); }).on('blur', function() { $(this).css('background-color', ''); }); ``` ### 動畫效果 jQuery提供了多種動畫效果，例如淡入淡出、滑動、縮放等。例如： ```javascript $('#myDiv').fadeIn(1000); // 以1000毫秒的時間淡入myDiv元素 $('.myClass').slideUp(); // 滑動隱藏所有class為myClass的元素 $('img').animate({ width: '50%', height: '50%' }); // 縮小所有img元素為原來的一半大小 ``` 以上僅是jQuery提供的一部分功能，更多內容詳見官方幫助文檔。使用jQuery可以方便地完成各種常見任務，提高開發效率和用戶體驗。