首页 > 代码库 > jQuery简介

jQuery简介

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简介