淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery资料之基本语法

◆ jQuery引用:

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

如果不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。taticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。

百度：
<head>
    <script              src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
    </script>
</head>
◆ jQuery的入口函数：

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。jQuery中常见的两种入口函数：

// 第一种: 简单易用。
$(function () {   
    ...  // 此处是页面 DOM 加载完成的入口
}) ; 

// 第二种: 繁琐，但是也可以实现
$(document).ready(function(){
   ...  //  此处是页面DOM加载完成的入口
});

注：jQuery 帮我们完成了封装，等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成。

◆ jQuery中的顶级对象$：
  1. $是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用 $ 。
  2. $是jQuery的顶级对象，相当于原生JavaScript中的 window。把元素利用$包装成jQuery对象，就可以调用jQuery 的方法。
◆ 基础语法：

$(selector).action()

美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作

示例

$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素