jQuery链使用指南,jQuery应用之jQuery链用法实例

jQuery链使用指南,jquery使用指南

以前文的实例中,我们按到jQuery语句能够链接在一起,那不仅可以够减少代码长度,并且十分的多时候能够实现特殊的功效。

复制代码 代码如下:

    <script type=”text/javascript”>
            $(function() {
                $(“div”).addClass(“css1”).filter(function(index) {
                    return index == 1 || $(this).attr(“id”) ==
“fourth”;
                }).addClass(“css2”);
            });
        </script>

上述代码为任何<div>列表扩大样式css1,然后再实行筛选,再为筛选的要素单独扩大css2样式。假设不接纳jQuery,实现上述的功用将极度麻烦。

在jQuery链中,前面包车型大巴操作都是在此以前边的操作结果为对象的,若是期望操作对象为上一步的目的,则足以应用end()方法。

用end()方法来调控jQuery链。

复制代码 代码如下:

<script type=”text/javascript”>
            $(function() {
               
$(“p”).find(“span”).addClass(“css1”).end().addClass(“css2”);
jQuery链使用指南,jQuery应用之jQuery链用法实例。            });
        </script>
        <p>Hello,<span>how</span>are you?</p>
        <span>very nice,</span>Thank you.

如上代码在<p>中查找<span>标志,然后增添风格css1,利用end()方法将操作对象往回设置为$(“p”)并累加样式风格css2.

除此以外,还足以经过andSelf()将前方多个对象进行整合后一同管理。

用andSelf()方法调节jQuery链。

复制代码 代码如下:

<script type=”text/javascript”>
            $(function() {
               
$(“div”).find(“p”).addClass(“css1”).andSelf().addClass(“css2”);
金沙澳门官网,            });
        </script>
        <div>
            <p>第一段</p>
            <p>第二段</p>
        </div>

如上jQuery代码首先在<div>中搜索<p>标志,加多css1,这几个风格只对<p>标志有效,然后使用andSelf()方法将<div>和<p>组合在一块,然后增加样式css2,这一个风格对<div>和<p>均有效。

效果:

复制代码 代码如下:

<div class=”css2″>
            <p class=”css1 css2″>第一段</p>
            <p class=”css1 css2″>第二段</p>
        </div>

以前文的实例中,我们按到jQuery语句能够链接在联合,那不仅可以够收缩代码长度,况且非常多时候能够达成特…

以前文的实例中,我们按到jQuery语句能够链接在一道,那不只有能够减少代码长度,并且相当的多时候可以完成特殊的效劳。

jQuery链使用指南

 那篇小说重要介绍了jQuery链使用方法,以及用哪些方法尅调控jQuery链,特别的事无巨细,必要的相爱的人能够仿效下

 

 

之前文的实例中,大家按到jQuery语句能够链接在联合,那不但能够裁减代码长度,并且非常多时候可以达成特殊的成效。

 

代码如下:

<script type=”text/javascript”>
$(function() {
$(“div”).addClass(“css1”).filter(function(index) {
return index == 1 || $(this).attr(“id”) == “fourth”;
}).addClass(“css2”);
});
</script>

 

如上代码为一体<div>列表扩张样式css1,然后再开展筛选,再为筛选的因素单独扩充css2样式。假诺不行使jQuery,完成上述的魔法将那一个费力。

在jQuery链中,前面包车型客车操作都以从前边的操作结果为对象的,如若指望操作对象为上一步的靶子,则足以行使end()方法。

用end()方法来调整jQuery链。

 

代码如下:

<script type=”text/javascript”>
$(function() {
$(“p”).find(“span”).addClass(“css1”).end().addClass(“css2”);
});
</script>
<p>Hello,<span>how</span>are you?</p>
<span>very nice,</span>Thank you.

 

如上代码在<p>中寻找<span>标识,然后增多风格css1,利用end()方法将操作对象往回设置为$(“p”)并加上样式风格css2.

除此以外,仍是可以通过andSelf()将前方多个指标开展组合后一并管理。

用andSelf()方法调整jQuery链。

 

代码如下:

<script type=”text/javascript”>
$(function() {
$(“div”).find(“p”).addClass(“css1”).andSelf().addClass(“css2”);
});
</script>
<div>
<p>第一段</p>
<p>第二段</p>
</div>

 

以上jQuery代码首先在<div>中检索<p>标志,增添css1,这些风格只对<p>标识有效,然后使用andSelf()方法将<div>和<p>组合在一道,然后增多样式css2,这么些风格对<div>和<p>均有效。

效果:

 

代码如下:

<div class=”css2″>
<p class=”css1 css2″>第一段</p>
<p class=”css1 css2″>第二段</p>
</div>

那篇文章主要介绍了jQuery链使用方法,以及用哪些方法尅调节jQuery链,特别的事无巨细,需求的爱人能够参照他事他说加以考察下
在此从前文的实例中…

jQuery应用之jQuery链用法实例,jquery用法实例

本文实例叙述了jQuery应用之jQuery链用法。分享给我们供大家仿效。具体分析如下:

广大时候我们得以将jQuery语句链接在一块,那不但能够缩小代码长度,并且相当的多时候能够兑现特殊的法力。先看如下代码:

复制代码 代码如下:

<script type=”text/javascript”>
    $(function() {
 $(“div”).addClass(“css1”).filter(function(index) {
     return index == 1 || $(this).attr(“id”) == “fourth”;
 }).addClass(“css2”);
    });
</script>

上述代码为一体<div>列表扩张样式css1,然后再开展筛选,再为筛选的要素单独扩展css2样式。假诺不行使jQuery,实现上述的功力将那四个辛劳。

在jQuery链中,后边的操作都以在此以前边的操作结果为指标的,借使希望操作对象为上一步的对象,则能够动用end()方法。

用end()方法来支配jQuery链。

复制代码 代码如下:

<script type=”text/javascript”>
    $(function() {
 $(“p”).find(“span”).addClass(“css1”).end().addClass(“css2”);
    });
</script>
<p>Hello,<span>how</span>are you?</p>
<span>very nice,</span>Thank you.

以上代码在<p>中搜寻<span>标志,然后增多风格css1,利用end()方法将操作对象往回设置为$(“p”)并丰裕样式风格css2.

另外,还足以经过andSelf()将前方五个对象举行整合后联手处理。

用andSelf()方法调整jQuery链。

复制代码 代码如下:

<script type=”text/javascript”>
    $(function() {
 $(“div”).find(“p”).addClass(“css1”).andSelf().addClass(“css2”);
    });
</script>
<div>
    <p>第一段</p>
    <p>第二段</p>
</div>

如上jQuery代码首先在<div>中找出<p>标识,增加css1,这几个风格只对<p>标识有效,然后利用andSelf()方法将<div>和<p>组合在一块儿,然后增加样式css2,那么些风格对<div>和<p>均有效。

效果:

复制代码 代码如下:

<div class=”css2″>
    <p class=”css1 css2″>第一段</p>
    <p class=”css1 css2″>第二段</p>
</div>

期待本文所述对我们的jQuery程序设计有所帮忙。

本文实例陈说了jQuery应用之jQuery链用法。分享给大家供大家参照他事他说加以考察。具体解析如下:
很多时候本身…

复制代码 代码如下:

相关小说

连带找寻:

前些天看什么

招来技能库

回到首页

  • CSS定义鼠标移上图片链接,出现边框效果,
  • 据他们说jQuery图片成分网格布局插件,jquery网格布
  • 九款炫人眼目基于jquery实现的利用及源码,九款
  • JQuery中DOM加载与事件执行实例剖析,jquerydo
  • JQuery中DOM事件绑定用法详解,jquerydom
  • JQuery中DOM事件合成用法实例解析,jquerydom

有关频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程  

    <script type=”text/javascript”>
            $(function() {
                $(“div”).addClass(“css1”).filter(function(index) {
                    return index == 1 || $(this).attr(“id”) ==
“fourth”;
                }).addClass(“css2”);
            });
        </script>

帮客谈论

上述代码为任何<div>列表扩展样式css1,然后再拓展筛选,再为筛选的要素单独增添css2样式。若是不行使jQuery,完成上述的成效将卓殊费劲。

在jQuery链中,后边的操作都是从前边的操作结果为对象的,假使希望操作对象为上一步的靶子,则能够使用end()方法。

用end()方法来支配jQuery链。

复制代码 代码如下:

<script type=”text/javascript”>
            $(function() {
               
$(“p”).find(“span”).addClass(“css1”).end().addClass(“css2”);
            });
        </script>
        <p>Hello,<span>how</span>are you?</p>
        <span>very nice,</span>Thank you.

上述代码在<p>中搜寻<span>标志,然后加多风格css1,利用end()方法将操作对象往回设置为$(“p”)并充足样式风格css2.

其它,还足以因此andSelf()将近些日子七个对象举办结合后共同管理。

用andSelf()方法调控jQuery链。

复制代码 代码如下:

<script type=”text/javascript”>
            $(function() {
               
$(“div”).find(“p”).addClass(“css1”).andSelf().addClass(“css2”);
            });
        </script>
        <div>
            <p>第一段</p>
            <p>第二段</p>
        </div>

如上jQuery代码首先在<div>中寻觅<p>标识,增添css1,那些风格只对<p>标识有效,然后利用andSelf()方法将<div>和<p>组合在一块儿,然后增添样式css2,那一个风格对<div>和<p>均有效。

效果:

复制代码 代码如下:

<div class=”css2″>
            <p class=”css1 css2″>第一段</p>
            <p class=”css1 css2″>第二段</p>
        </div>

你只怕感兴趣的小说:

  • jquery tagname 取得方式
  • 使用JQuery为搜索栏扩大tag提醒
  • jquery+ajax达成跨域须求的不二诀窍
  • jQuery中Ajax的get、post等办法详解
  • 选择jQuery管理选拔结果
  • 温馨动手手写jQuery插件计算
  • jQuery中delegate()方法用法实例
  • jQuery完结tag便签去重成效的不二法门

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图