jQuery是一个广泛应用的JavaScript库,它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互的代码。jQuery的API使用方便,可以帮助开发人员更快速地开发网站和web应用程序。
在使用jQuery之前,你需要在页面中引用jQuery库的文件。在上面的代码中,我们从百度服务器引入了 jQuery 2.0.0 版本的库文件。它位于libs.baidu.com/jquery/
目录下。
接下来就是一些常用的 jQuery API。
选择器
$(document).ready(function(){ // 选取第一个h1元素 $("h1:first") // 选取所有p元素 $("p") // 选取ID为content的元素内的所有p元素 $("#content p") })
事件处理器
$(document).ready(function(){ // 按下鼠标时触发事件 $("p").mousedown(function(){ // 在这里添加需要执行的函数 }) // 鼠标离开元素时触发事件 $("p").mouseleave(function(){ // 在这里添加需要执行的函数 }) })
Ajax
$(document).ready(function(){ // 发送HTTP GET请求到test.php $.get("test.php", function(data, status){ // 在这里添加处理返回数据的代码 }) // 发送HTTP POST请求到test.php $.post("test.php", { name: "John", age: 30, city: "New York" }, function(data, status){ // 在这里添加处理返回数据的代码 }) })
这仅仅是 jQuery API 的冰山一角,并且 jQuery 还有许多其他的函数和选项。建议开发人员学习完整的文档,以了解 jQuery 提供的所有功能和选项。