jQuery之核心函式
阿新 • • 發佈：2020-07-11
jQuery核心函式
作為一般函式呼叫：$(param)
引數為函式：當DOM載入完成後，執行此回撥函式。
引數為選擇器字串：查詢所有匹配的標籤，並將它們封裝成jQuery物件。
引數為DOM物件：將dom物件封裝成jQuery物件。
引數為html標籤字串 (用得少)：建立標籤物件並封裝成jQuery物件。
作為物件使用：$.xxx()
$.each()：隱式遍歷陣列。
$.trim()：去除兩端的空格。
示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery核心函式</title> </head> <body> <div> <button id="btn">測試</button> <br/> <input type="text" name="msg1"/><br/> <input type="text" name="msg2"/><br/> </div> <script type="text/javascript"src="../js/jquery.min.js"></script> <script type="text/javascript"> /* * 需求： * 1.點選按鈕：顯示按鈕的文字，顯示一個新的輸入框 * 2.遍歷輸出陣列中所有元素值 * 3.去掉" my atguigu "兩端的空格 */ //點選按鈕：顯示按鈕的文字，顯示一個新的輸入框 $(function () { var $btn = $("#btn"); $btn.click(function () {var text = $(this).html(); alert(text); $('<input type="text" name="msg3" /><br />').appendTo('div'); }) }) //遍歷輸出陣列中所有元素值 var arr = [123, 'atguigu', true]; $.each(arr, function (index, item) { console.log('第' + (index + 1) + '個元素的值為' + item); }); //去掉" my atguigu "兩端的空格 var str = " my atguigu "; console.log(str.trim() === 'my atguigu'); console.log($.trim(str) === 'my atguigu'); //true </script> </body> </html>