jQuery简介

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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简介的主要内容，如果未能解决你的问题，请参考以下文章

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段（转）

几个有用的JavaScript/jQuery代码片段（转）

几个非常实用的JQuery代码片段

高效Web开发的10个jQuery代码片段