首页 > 代码库 > jQuery简介

jQuery简介

2024-08-26 04:31:30   209人阅读

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


联系
我们