jQuery简介及语法

一、认识jQuery

创新互联是专业的贵德网站建设公司，贵德接单;提供网站设计制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行贵德网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

1、jQuery:

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

2、什么是jQuery:

jQuery是一个JavaScript函数库。

3、jQuery库包含的功能：

HTML元素选取

HTML元素操作

CSS操作

HTML事件函数

JavaScript特效和动画

HTML DOM遍历和修改

AJAX

Utilities

二、引入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.googleapis.com/ajax/libs/jquery/jquery.min.js

2、版本介绍：

v1.11.1:1.x支持IE6+

v2.1.1: 2.x支持IE9+

三、jQeury的基本语法

1、jQuery语法：

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

美元符号定义jQuery

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

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

例如：

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

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-1.10.1.min.js"></script>
		<script src="app.js"></script>
	</head>
	<body>
		<p>Hello</p>
		<p>Hello</p>
		<p>Hello</p>
		<p>Hello</p>
	</body>
</html>

$(document).ready(function(){
//	alert("文档加载完毕");
	$("p").click(function(){
		$(this).hide();
	})
});

当前标题：jQuery简介及语法
文章出自：https://www.cdcxhl.com/article10/jcjcdo.html

成都网站建设公司_创新互联，为您提供网站收录、网站设计、微信小程序、外贸网站建设、动态网站、网站设计公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容