您的位置：首页 > Web前端 > JQuery

[jQuery] 初识jQuery

2015-06-05 10:59 686 查看

什么是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();
        })
}
);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航