目录
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'});