jQuery 是一个快速、小巧且功能丰富的 JavaScript 库,它使得 HTML 文档的遍历和操作、事件处理、动画效果以及 AJAX 操作更为简单。jQuery 库的内部实现使用了最佳的 WEB 标准,能够很好地兼容各种浏览器。
jQuery API 可以帮助我们更加灵活地使用 jQuery 库。下面是 jQuery API 2.1.4 中一些比较重要的方法的说明:
$(document).ready(function(){ // 在文档加载完成后执行的代码 });
上面的代码用于指定一个函数,当文档加载完成后将会自动执行该函数。这个方式可以确保我们的脚本已经可以正确地访问页面中的任意元素了。
$("#elementID").click(function() { // 当点击 ID 为 elementID 的元素时执行的代码 });
上面的代码用于绑定一个事件处理函数,当指定的元素被点击时,将会自动执行指定的函数。
$("input[type='button']").click(function() { // 当点击类型为 button 的 input 元素时执行的代码 });
上面的代码用于根据元素的属性来选择元素。这样就可以针对不同的元素类型,为它们绑定相应的事件处理函数。
$("#myDiv").animate({ "left": "100px", "opacity": 0.5, }, 1000);
上面的代码用于使指定的元素动起来。在这个例子中,我们将会使 ID 为 myDiv 的元素向左移动 100 像素,并且把元素的透明度设置为 0.5。这个动画效果将会在 1000 毫秒(即 1 秒)内完成。
除了上面列出来的方法之外,jQuery API 中还有很多其他的方法可以用于文档遍历、元素属性的修改、样式的设置、事件的绑定和触发、数据缓存等操作。熟练掌握这些方法可以使我们在开发 Web 应用时事半功倍,提高开发效率。