JQuery选择和过滤-创新互联

A.jQuery 的一切功能都来源于一个非常简单的称为$的命名对象，即一个美元符号对象。（也可以用jQuery来代替该美元对象）。该美元对象即代表了一个方法，也代表了一个对象。

创新新互联，凭借十余年的成都做网站、网站设计经验，本着真心·诚心服务的企业理念服务于成都中小企业设计网站有上千家案例。做网站建设，选创新互联。

例子：

$(document).ready;
$('document#id');

B.使用find()方法搜索选择集：jQuery 的 find()方法用于对一个选择集进行再次过滤。

例如：

$('ul#tmpFavorites'.).find('li').addClass('tmpFound');

上面的例子即首先选择ID为tmpFavorites的

元素，再用find()方法选取其中的所有
• 元素，然后为其添加一个css类名tmpFound。

  find()方法的主要功能是在一个已经获取的选择集中搜索指定元素。

  C.使用siblings()方法查找元素的兄弟节点：用于选择和过滤当前元素的所有兄弟节点。

  例如：

  $('ul#tmpPlaces li.tmpExampleCity').siblings().addClass('tmpSiblings');

  上面的例子即首先选择ID为tmpPlaces的

  元素下的类名为tmpExample的
  • 元素，然后再选择其兄弟节点，即除了该
  • 元素的其他所有
  • 元素。

    D.其它选择特定兄弟节点的方法：

    jQuery提供了,next(),pre(),nextAll()和preAll();

    E.使用 parents()方法和 parent()方法选取祖先元素。

    当parents()方法不带参数时，选取的是一个元素的所有祖先元素，其中可以包含一直回溯到根元素的所有祖先元素，

    parent()方法直接选取当前元素的直接父元素。

    以上两种方法都可以传入选择器作为参数。

    F.使用children()方法用于选取一个元素的子元素。

    G.使用not()方法根据选择集中不需要的元素来反选所需的其他元素。

    例子:

    $('ul#tmpSlaspstick li').not('li.tmpThreeStooges').addClass('tmpFunny');

    H.使用slice()方法选择结果集中的片段子集:

    例子A：

    $('ul#tmpSlapstick li').slice(0,4).addClass('tmpReallyFunny');

    选择第一个（编号为0）到第四个(编号为4的元素的前一个)

  • 元素。

    例子B：

    $('ul#tmpSlapstic li'.slice(5),addClass('tmpRellyFunny');

    选择第六个元素（编号为5）开始到最后的所有元素。

    I.使用add()方法向选择集中添加更多的元素:

    例子：

    $('ul#tmpMarxBrothers li')
      .add('ul#tmpAbbottAndCostello li')
      .addClass('TmpReallyFunny');

    J.用eq()方法从选择集中选取特定元素：

    例子:

    $('ul li').eq(3).addClass('tmpQueen');

    选择第四个（编号为3）的li 元素。

    另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

    
    网站栏目：JQuery选择和过滤-创新互联
    分享地址：http://bjjierui.cn/article/djdccj.html