jQuery入门

1. 了解什么是jQuery

它是一个轻量级的javascript类库（重量级的有ext.js）。
注1：就一个类“jQuery”，简写“$”,它是一个容器。

1. 了解jQuery优点
   (1)兼容浏览器
   (2)总是面向集合
   (3)多行操作集于一行

2. jQuery三种工厂方法
   工厂方法：实例化jQuery对象

第一种方法：
jQuery(selector[,context])语法

$("a", document)   //jquery选择器，作用：找对象
  selector：选择器
  context：上下文，环境/容器，documemt

  选择器的种类：
元素选择器           $("a")
类选择器：.          $(".a1")
ID选择器：#         $("#a2")
属性选择器：[]            $("input[name='btn']")
包含选择器：E1 E2     $("p.a3")
组合选择器：E1,E2,E3      $(".a1,.a2")
自定义选择器：:exp     $("a",document)  $("a", "div") ==  $('div a')
匹配选择器：:eq(index)        $("tr:eq(1)")  选择tr标签中下标为1的对象
                $("tr:even")   选择tr标签中下标为偶数的对象，从0开始

第二种方法：
jQuery(html)
html：基于html的一个字符串。
案例：$(‘#abc’).append(“

你好

“)//追加HTML
$(‘

你好

‘).appendTo(“#abc”);

第三种方法：
jQuery(element)
element：js对象，表示一个html元素。
案例：$("a")$(“td”)（类似元素选择器）

1. jQuery属性写法

   jQuery事件写法

   jQuery方法写法

2. console.log()

3. 基础案例：hello jQuery
   (1)导入js类库
   两种路径：
   1.绝对路径：
   src=”${pageContext.request.contextPath}/js类库的路径”
   2.相对路劲：
   src=”js类库的路径”

   (2)jQuery程序入口
   $(document).ready(fn);$(fn);
   完整的写法
   $(document).ready(function(){

   });

简写
$(function(){

});

注：完整加载当前文档