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程序设计有所帮助。