网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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 元素。


      分享文章:JQuery选择和过滤
      文章位置:http://bjjierui.cn/article/gigepj.html

其他资讯