JavaScript之jQuery

一、What's the jQuery?

  • jQuery 是一个 JavaScript 库，jQuery 极大地简化了 JavaScript 编程。

二、如何配置

在Html中<head>标签内引用它。

1 <head>
2     <script src="jquery-1.10.2.min.js"></script>
3 </head>

替代方案：如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。

1 <head>
2     <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
3     </script>
4 </head>

 三、语法

基本语法：$(selector).action()

例子：$(this).hide() - 隐藏当前元素

1 $(document).ready(function(){
2   $("p").click(function(){
3     $(this).hide();
4   });
5 });

或者简单的写成以下模式：

$(function(){
  $("p").click(function(){
    $(this).hide();
  });
});

 

1 $(function(){
2  
3    // 开始写 jQuery 代码...
4  
5 });

 

posted on 2017-09-14 09:49  剑姬  阅读(215)  评论(1)  编辑  收藏  举报

导航