jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下特性:
jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。
可以通过下面的标记把 jQuery 添加到网页中:
</>code
- <head>
<script type="text/javascript" src="jquery.js"></script>
- </head>
请注意,<script> 标签应该位于页面的 <head> 部分。
下面的例子演示了 jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素。
</>code
- <html>
- <head>
<script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $("button").click(function(){
$("p").hide();
- });
- });
- </script>
- </head>
- <body>
- <h2>This is a heading</h2>
- <p>This is a paragraph.</p>
- <p>This is another paragraph.</p>
- <button type="button">Click me</button>
- </body>
- </html>
Google 和 Microsoft 对 jQuery 的支持都很好。
如果您不愿意在自己的计算机上存放 jQuery 库,那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。
</>code
- <head>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
- /jquery/1.4.0/jquery.min.js"></script>
- </head>
</>code
- <head>
- <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
- /jquery-1.4.min.js"></script>
- </head>
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛