jQuery入门——选择器

1.jQuery的定义

轻量级的javaScript类库，           （轻量级与重量级的概念，取决于依赖程度）

 

2.jQuery程序入口

第一种方式：$(document).ready(function (){

});                              

注：以往代码运行的规则是由上往下运行，这样会有bug存在，但jQuery这种形式，避免了代码运行的漏洞

第二种方式：$(function() {

})         

第一种方式的简写

 

3.三种工厂方式

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

eg: $("a",div)       查询div中的a标签

 

第二种：语法：jQuery(html)

eg:$("<option>value</option>").appendTo("#s1");    将html标签追加到id=s1的后面

 

第三种：语法：jQuery(element)

eg:$("a")       查询所有的a标签

 

4：查询对象

元素选择器：   $("a")                  查询所有的a标签

类选择器：      $(".a")                  查询class为a的对象

id选择器：       $("#a")                 查询id为a的对象

属性选择器：   $("input[name='a']")         查询input标签中属性name为a的对象

包含选择器：   $("div input")       查询div中input标签

                         $("div.aa")           查询div中所有class为aa的对象

组合选择器：    $("a.a1,a.a2")     查询a标签中class为a1，class为a2的值

自定义选择器： $('a',div)              查询div中的a标签

匹配选择器：     $("tr:eq(1)")        查询第二行

                           $("tr:odd")           查询奇数行

                           $("tr:even")        查询偶数行