JQuery学习总结【一】

“JQuery学习总结【一】”是一篇关于JQuery学习的总结性文章。在该文章中，作者详细介绍了JQuery的基础知识，包括JQuery的引入、JQuery选择器的使用、JQuery事件、JQuery动画等内容，其中还附有一些实例说明，以帮助读者更好地理解这些知识点。

以下是对该文章的完整攻略：

引言

在文章的引言中，作者介绍了JQuery的历史背景以及其在前端开发中的重要性，同时还对文章的结构进行了概括，并指出了阅读本文的读者需具备的基础知识。

JQuery的引入

在该部分中，作者向读者展示了如何引入JQuery库文件，并通过实例说明了如何通过JQuery的$符号来操作页面元素。

JQuery选择器

在该部分中，作者详细介绍了JQuery选择器的种类、使用方法和常见错误，并通过多个实例进行了演示和说明。

其中，作者提到了一些常见的选择器，如元素选择器、ID选择器、类选择器、层叠选择器等，并通过示例演示了这些选择器的使用。

例子1，使用元素选择器选取HTML中的所有段落，进行样式改变：

$('p').css('color', 'red');

JQuery事件

在该部分中，作者介绍了JQuery事件的类型和使用方法，并通过多个实例进行了演示和说明。

其中，作者提到了一些常见的事件类型，如click、hover、blur等，并通过示例演示了这些事件的使用。

例子2，使用click事件让图像淡入淡出：

$('img').click(function(){
  $('img').fadeOut(1000);
  $('img').fadeIn(1000);
});

JQuery动画效果

在该部分中，作者介绍了JQuery动画效果的基本原理和使用方法，并通过多个实例进行了演示和说明。

其中，作者提到了一些常见的动画效果，如fadeIn、fadeOut、slideUp、slideDown等，并通过示例演示了这些效果的使用，同时还介绍了一些常见的参数，如duration、easing等。

总结

在该部分中，作者对本文进行了简短的总结，并指出了使用JQuery开发前端页面的好处，同时还对下一篇文章的内容进行了预告。

总之，该篇文章的内容详细完整，涵盖了JQuery的基础知识和常用技巧，并且通过多个实例进行了演示和说明，可以为JQuery初学者提供很好的参考和学习材料。