JavaScript 框架库 - jQuery
jQuery 是 JS 的一个框架库,他是把很多 JS 语法实现的功能进行了封装,开发人员可以直接调用 jQuery 的方法。
如何使用:
要使用 jQuery 的某个库,必须在 <script></script> 标签中先引入该库文件 (该库文件在 jquery 官网下载),例如:
- <!DOCTYPE html>
- <html>
- <head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
- </script></head>
- <body>
- </body>
- </html>
或者:
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="utf-8">
- <title></title>
- </head>
- <body>
- </body>
- <script src="/static/inspinia/js/jquery-2.1.1.js"></script>
- <script src="/static/inspinia/js/bootstrap.min.js"></script>
- <script src="/static/inspinia/js/plugins/metisMenu/jquery.metisMenu.js"></script>
jQuery 能实现什么功能?
我们可以通过使用 jQuery 应用 JavaScript 效果。
jQuery 是一个 "写的更少,但做的更多" 的轻量级 JavaScript 库。
基本上,你将学习到如何选取 HTML 元素,以及如何对它们执行类似隐藏、移动以及操作其内容等任务
以下是 jQuery 的所有方法,
实例:
- <!DOCTYPE html>
- <html lang="zh-cn">
- <head>
- <meta charset="utf-8">
- <title></title>
- </head>
- <body><p>I want to say:</p>
- <input type="button" id='addId' value="追加">
- </body>
- <script src="js/jquery-3.1.1.js"></script>
- <script src="js/jquery-3.1.1.min.js"></script>
- <script type="text/javascript">
- $(function(){
- $('#addId').click(function(){
- $('p').append('alex');
- });
- })
- </script>
- </html>
- $(function(){
- Foo();
- Bar();
- })
表示 web 页面一加载完后就会执行 Foo() 和 Bar() 函数。
测试:
打开页面时
点击追加按钮后:
来源: http://www.bubuko.com/infodetail-1984212.html