jQuery--概述、语法

目录

        jQuery概述

        文档就绪函数

        语法

---

jQuery概述

        jQuery是一个JavaScript库，jQuery极大地简化了JavaScript编程。我们可以理解jQuery是一个轻量级的“写得少，做得多”的JavaScript库。目前jQuery兼容于所有主流浏览器，并且提供大量扩展，由于它的这些优点，jQuery是目前最流行的JS代码库。

        相对于JavaScript来说，jQuery的onload加载事件更快，并且多个加载并行。

        jQuery库包含多个功能

        （1）HTML元素选取

        （2）HTML元素操作

        （3）CSS操作

        （4）HTML事件函数

        （5）JavaScript特效和动画

        （6）HTML DOM遍历和修改

        （7）AJAX

        （8）Utilities

        （9）提供大量插件

        所以，由于我们之前已经学习过HTML、CSS、JavaScript基础，学习jQuery就会轻松很多。

文档就绪函数

原生写法：

$(document).ready(function(){

        //jQuery代码块

});

        文档就绪函数是为了防止文档在完全就绪之前运行jQuery代码，也就是在DOM加载完成后才可以对DOM进行操作。若在文档没有完全加载之前就运行函数，可能会导致操作失败。

        除此之外我们还有一种简介写法：

简写：

$(function(){

        //jQuery代码块

});

语法

        通过jQuery，我们可以做出选取HTML元素并执行操作等动作。

基础语法：$(selector).action()

                  $：定义jQuery

                  selector：查询或者查找HTML元素

                  action：执行对元素的操作

        例如，我们可以通过jQuery设置css样式，但是有几点需要注意

        1.样式和属性都需要使用引号进行包围

        2.如果设置多个样式，括号内用花括号进行包围，分号用于单个样式设置属性，逗号用于分隔不同的样式

        3.如果只设置单个样式，不需要使用花括号，样式和属性之间用逗号进行分隔

        4.css样式名采用驼峰命名法

        示例：

        //单个css样式设置
        $(selector).css('background','green');
        //多个css样式设置
        $(selector).css({'width':'100px','height':'100px','backgroundColor':'blue'});