聊聊在jQuery中如何使用JavaScript

// 使用原生JavaScript选择并操作元素 var element = document.querySelector('#myElement'); element.style.color = 'red'; // 使用jQuery选择并操作元素 $('#myElement').css('color', 'red');

// 使用原生JavaScript实现AJAX请求 var xhr = new XMLHttpRequest(); xhr.open('GET', '/api/data', true); xhr.onload = function() { console.log(xhr.responseText); }; xhr.send(); // 使用jQuery实现AJAX请求 $.ajax({ url: '/api/data', type: 'GET', success: function(response) { console.log(response); } });

// 使用原生JavaScript格式化日期 var date = new Date(); var formattedDate; formattedDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds(); console.log(formattedDate); // 使用moment.js格式化日期 console.log(moment().format('YYYY-MM-DD HH:mm:ss')); // 使用原生JavaScript实现数学运算 var num1 = 10; var num2 = 5; console.log(num1 + num2); // 使用Math库实现数学运算 console.log(Math.floor(Math.random() * 10));

         
   
 
Drag me around
 
  Select a date:   Open Dialog 
 
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.