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代码片段