码迷,mamicode.com
首页 > Web开发 > 详细

jQuery简介

时间:2016-12-09 18:38:33      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:javascrip   dom   简介   blog   src   button   应该   type   动画   

jQuery简介

1.jQuery库

(1)jQuery是一个JavaScript的函数库;

(2)jQuery库包含以下特性:

  1)HTML元素的选取;

  2)HTML元素的操作;

  3)CSS操作;

  4)HTML事件函数;

  5)JavaScript特效和动画;

  6)HTML DOM的遍历和修改;

  7)Ajax;

  8)Utilities;

2.添加jQuery库

  jQuery库位于一个JavaScript文件中,其中包含了所有的jQuery函数。我们可以通过以下代码把jQuery库添加到页面中去。注意:<script>标签应该位于<head>部分。

<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 向页面中添加jQuery库 -->
<script type="text/javascript" src="jquery.js">
</script>
</head>

3.简单的使用jQuery

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 使用jQuery的hide()函数 隐藏HTML文档中的<p>元素 -->
<!-- 向页面中添加jQuery库 -->
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
    $("button").click(function(){
        $("p").hide();
    });
});
</script>
</head>
<body>
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
<p>段落4</p>
<button type="button">点我隐藏段落</button>
</body>
</html>

 

 

 

 

jQuery简介

标签:javascrip   dom   简介   blog   src   button   应该   type   动画   

原文地址:http://www.cnblogs.com/ljiwej/p/6150475.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!