jQuery

jQuery是什么？

jQuery是一个快速、简洁的JavaScript框架，一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的特点：

1、具有独特的链式语法和短小清晰的多功能接口；
2、具有高效灵活的css选择器，并且可对CSS选择器进行扩展；
3、拥有便捷的插件扩展机制和丰富的插件。

jQuery的用法

一、选择器 $()

jQuery 选择器可以对 HTML 元素组或单个元素进行操作， 它基于已经存在的CSS 选择器，还可以通过元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。jQuery 中所有选择器都以美元符号开头：$()。

<script>
    //通过元素名选择
    $("p")

    //通过id选择
    $("#name")

    //通过类名选择
    $(".name1")

</script>

二、常用的事件方法

1、文档加载机制

//只加载DOM结构
$(document).ready(function(){
        //需要执行的代码;
})

//
//加载整个页面资源
$(window).ready(function(){
        //需要执行的代码;
})

或者简写

$(function(){
        //需要执行的代码;
})

该方法允许我们在文档完全加载完后执行函数。当然我们也可以通过原生js代码实现这个功能：

document.onload = function(){};

2、鼠标事件

//鼠标单击事件
click();

//鼠标双击事件
dblclick()；

//鼠标指针移入（可以管控事件流，防止事件冒泡，mouseover()则相反）
mouseenter()；

//鼠标指针移出（可以管控事件流，防止事件冒泡，mouseout()则相反）
mouseleave()；

其他还有hover()、focus()、blur()、mousedown() 、mouseup()等事件。

三、心得体会

对于Web前端开发工作来说，jQuery无疑给我们带来了很大的便利，但作为一个有理想的人来说，我们的征途是星辰大海！但凡工具都有其局限性，我们不可过度依赖jQuery而忽略javascript本身，我们只有掌握好基础知识才能更好地、更恰当地、更正确地使用工具！