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语句可以链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。 <script type="text/javascript"> $(function() { $("div").addClass("css1").filter(function(index) { return in
-
如上文（地址）jQuery预先的javascript的编程，提供了计划所有css3下的标准选择器，开发者可以利用这些选择器轻松选择各种元素，供javascript使用。 重要的是jQuery对这些选择器的兼容性特别好，主流的浏览器都测试通过，这使得理论上的css3选择器一下编程了事实。开发者可以按照以前的方法定义各种css类别，然后通过addClass()方法或者className属性将其添加到指
-
本文向大家介绍jQuery选择器实例应用，包括了jQuery选择器实例应用的使用技巧和注意事项，需要的朋友参考一下 刚学完jQuery选择器，闲来无事，照着书上的范例敲了一段代码（HTML和CSS抄自书上），自己试着写了写jQuery的代码，感觉相当轻便啊。 显示效果： 功能说明： 1、点击上边的图书分类一栏，实现向下的伸缩扩展，可以控制分类的显示状态； 2、“简化”功能点击后实现分类显示
-
本文向大家介绍jQuery遍历之next()、nextAll()方法使用实例，包括了jQuery遍历之next()、nextAll()方法使用实例的使用技巧和注意事项，需要的朋友参考一下 jquery遍历：next()和nextAll()方法。实例如下： 说明： （1）next()方法：是指获得匹配元素的相邻同同辈元素（即下一个同辈元素），注意，同辈元素并不是标签相同的元素，而是指该元素闭合后的下
-
使用jQuery选择出来的元素与数组非常类似，可以通过jQuery提供的一系列方法对其进行处理，包括长度、查找某个元素，截取某个段落等。 1.获取元素的个数。 在jQuery中可以通过size()方法获取选择器中元素的个数，它类似数组中的length属性，返回整数值，例如： $("img").size() 获取页面中，所有图片<img>的数目 如下是一个实例，通过不断的点击添加div块并计算页面中
-
主要内容：jQuery 方法链接,实例,实例通过 jQuery，可以把动作/方法链接在一起。 Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。 jQuery 方法链接 直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。 不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。 提示： 这样的话，浏览器就不必多次查找相同的元素。