标签: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>
标签:javascrip dom 简介 blog src button 应该 type 动画
原文地址:http://www.cnblogs.com/ljiwej/p/6150475.html