01.jQuery基础语法、选择器

一、基础语法： $(selector).action()

文档就绪事件

$(document).ready(function(){
 
   // 开始写 jQuery 代码...
 
});

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。
上面代码的简洁写法

$(function(){
 
   // 开始写 jQuery 代码...
 
});

jQuery 入口函数与 JavaScript 入口函数的区别：

• jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。

• JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。

  
  

二、jQuery选择器

• jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
• jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。
• jQuery 中所有选择器都以美元符号开头：$()。

元素选择器

在页面中选取所有 <p> 元素:

$("p")

举例：用户点击按钮后，所有 <p> 元素都隐藏：

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

类选择器

jQuery 类选择器可以通过指定的 class 查找元素。

$(".test")

举例：用户点击按钮后所有带有 class="test" 属性的元素都隐藏：

$(document).ready(function(){
  $("button").click(function(){
    $(".test").hide();
  });
});

more