jQuery应用程序的jQuery链使用示例

jQuery应用程序的jQuery链使用示例
本文演示了jQuery应用程序的jQuery链的使用,供大家参考,具体分析如下:

很多时候,我们可以将jQuery语句链接在一起,不仅缩短了代码的长度,而且在许多情况下实现了特殊的效果:

复制代码代码如下所示:

$(函数(){())

$(div)。AddClass(CSS1)。滤波器(函数(指数){)

收益指数= 1美元| |(这)。Attr(ID)= =第四;

})。AddClass(CSS2 );

});
上面的代码增加了风格CSS1的整个列表,然后过滤一遍,并增加了CSS2样式到选定的元素分开。如果jQuery是不能用的,它是实现上述结果很麻烦。

在jQuery链中,后一个操作是基于前面操作的结果。如果我们希望对象作为上一步的对象,我们可以使用结束()方法。

结束()方法用于控制jQuery链。

复制代码代码如下所示:

$(函数(){())

$(p),(跨)。AddClass(CSS1)。端(),AddClass(CSS2 );

});
你好,Howare,你

很好,谢谢。

对于标记上面的代码中搜索,然后添加样式CSS1,采用端()设置操作对象后面的$方法(P)和添加风格CSS2。

此外,第一个对象可以通过自我组合在一起()。

这和()的方法控制jQuery链。

复制代码代码如下所示:

$(函数(){())

$(div),(p)。AddClass(CSS1)。AndSelf(),AddClass(CSS2 );

});
第一段

第二段
在中间的标签上面的jQuery代码首先搜索,并添加CSS1。此样式只对标签有效。然后将结合和()方法,然后添加样式CSS2。此样式对两种都有效。

uff1a效应

复制代码代码如下所示:

第一段

第二段
希望本文能对大家的jQuery程序设计有所帮助。

tag:应用程序示例电脑软件jquery

相关内容