[jQuery] 初识jQuery

来源：互联网发布：1 5t 知乎编辑：程序博客网时间：2024/06/07 21:46

什么是jQuery？

jQuery可以通过一行简单的标记被添加到网页中。

jQuery是一个javaScript函数库。对javascript进行了封装，是javascript更加简洁和方便。

jQuery封装了关于浏览器的兼容性问题。使用jQuery不用担心浏览器的兼容问题。

jQuery功能

HTML 元素选取

HTML元素操作

CSS操作

HTML事件函数

JavaScript特效和动画

HTML DOM遍历和修改

AJAX，主要是在不刷新页面的同时，刷新页面内容

Utilities，jQuery的一个工具类

引入jQuery

1、网页中添加jQuery

1）：从jquery.com下载jQuery库

2）：从CDN中载入jQuery，如从Google中加载jQuery

a）：百度和新浪的服务器存有jQuery

例如：http://libs.baidu.com/jquery/1.10.2/jquery.min.js

b）：谷歌和微软的服务器存有jQuery

例如：http://ajax.googleqpis.com/ajax/libs/jquery/jquery.min.js

2、版本介绍：

v1.11.1:1.x支持IE6+（支持低端浏览器）

v2.1.1 :2.x支持IE9+

jQuery基本语法

1、jQuery语法

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

美元符号定义jQuery

选择符(selector)“查询”和“查找”HTML元素

jQuery的action()执行对元素的操作

例如：

$(this).hide()--隐藏当前元素

$("p").hide()---隐藏所有段落

html文件引入jQuery库和js文件

<span style="font-size:18px;"><head><script src="jquery-2.1.1.min.js"></script><!--考虑到依赖关系，先引入jQuery库，在引入js文件 --><script src="app.js"></script></head></span>

js文件

$(document).ready(function(){alert("文档加载完毕");//点击哪个段落隐藏哪个$("p").click(function(){    $(this).hide();        })});

0 0