javascript jquery
JavaScript 与 jQuery 简介
JavaScript 是一种脚本编程语言，主要用于网页开发，实现动态交互效果。jQuery 是一个基于 JavaScript 的库，简化了 DOM 操作、事件处理、动画和 AJAX 等功能。
jQuery 的优势
- 简化 DOM 操作：提供更简洁的语法，例如
$("#id")替代document.getElementById("id")。 - 跨浏览器兼容：处理不同浏览器的兼容性问题。
- 丰富的插件生态：扩展性强，可通过插件实现复杂功能。
基本语法对比
选择元素
// JavaScript
document.getElementById("demo");
document.querySelector(".class");
// jQuery
$("#demo");
$(".class");修改内容
// JavaScript
document.getElementById("demo").innerHTML = "Hello";
// jQuery
$("#demo").html("Hello");事件绑定
// JavaScript
document.getElementById("btn").addEventListener("click", function() {
alert("Clicked");
});
// jQuery
$("#btn").click(function() {
alert("Clicked");
});常用 jQuery 方法
html()：获取或设置元素内容。val()：获取或设置表单元素的值。attr()：获取或设置属性值。addClass()/removeClass()：动态修改类名。animate()：实现动画效果。
AJAX 请求示例
// JavaScript
fetch("url")
.then(response => response.json())
.then(data => console.log(data));
// jQuery
$.ajax({
url: "url",
method: "GET",
success: function(data) {
console.log(data);
}
});注意事项
- 性能：现代 JavaScript 性能已大幅提升，部分场景原生方法更高效。
- 学习曲线：jQuery 适合快速开发，但建议同时掌握原生 JavaScript。
- 趋势：随着前端框架（如 React、Vue）的兴起，jQuery 使用率下降，但在旧项目中仍常见。
总结
jQuery 曾是前端开发的标配，但现代 JavaScript 已能覆盖其大部分功能。根据项目需求选择工具，新项目可优先考虑原生 JavaScript 或框架。
