JQuery选择器学习代码例子

// ---------------------------------JScript---------------------

$(function(){
//-----------------------------------简单选择器
    // var input1=$("form > input");  //子元素
    //var input1=$("label + input");  //所有紧跟后面元素
    //var input1= $("form ~ input");  //同辈元素

//var input1= $("input:even");    //匹配所有索引为偶数的元素 索引下标从0开始
//var input1= $("input:odd");    //匹配所有索引为奇数的元素 索引下标从0开始

//var input1= $("input:first");   //匹配找到的第一个元素
//var input1= $("input:last");    //匹配找到的最后个元素

//var input1= $("input:gt(1)");   //匹配所有大于给定索引值的元素 
//var input1= $("input:lt(1)");   //匹配所有小于给定索引值的元素

// var input1 = $("input:not(:checked)"); //去除所有与给定选择器匹配的元素
          
//---------------------------------内容选择器
    //var input1= $("div:contains('John')"); //匹配包含给定文本的元素
    //var input1= $("div:has(p)");           //匹配含有选择器所匹配的元素的元素

//var input1= $("td:empty");             //匹配所有不包含子元素或者文本的空元素
//var input1= $("td:parent");            //匹配含有子元素或者文本的元素
//---------------------------------可见性选择器
// var input1= $("tr:hidden").css("display","block"); //匹配所有的不可见元素，
    //input 元素的 type 属性为 "hidden" 的话也会被匹配到
    // var input1= $("tr:visible"); //匹配所有的可见元素
//---------------------------------属性选择器