WEB开发网
开发学院网页设计JavaScript 使用 jQuery,第 1 部分: 将桌面应用程序引入浏览... 阅读

使用 jQuery,第 1 部分: 将桌面应用程序引入浏览器

 2009-08-29 00:00:00 来源:WEB开发网   
核心提示: 表单过滤器也包括元素的每个属性,了解这方面的知识对开发人员有好处,使用 jQuery,第 1 部分: 将桌面应用程序引入浏览器(8),因此像 “:checked”、“:disabled” 和 “:selected” 等搜索过

表单过滤器也包括元素的每个属性,了解这方面的知识对开发人员有好处。因此像 “:checked”、“:disabled” 和 “:selected” 等搜索过滤器将为特定的搜索进一步细化搜索条件。

遍历

现在,您已经学会如何搜索和过滤页面上的所有元素,接下来需要一种高效的方法来遍历结果,进一步处理元素。自然,jQuery 提供了几种遍历搜索结果的方法。

第一个也是最常用的遍历方法是 each() 函数。这和 “for loop” 的功能是一样的,遍历每个元素并通过迭代递增元素。此外,循环中的每个元素的引用可以通过 “this”(用于一般的 JavaScript 语法)或 $(this)(用于 jQuery 命令)来实现。

让我们看看下面的示例。

清单 10. each 循环

   
// Will loop through each <p> tag on the page. Notice the use of the 
// inline function here -- this is analogous with the anonymous classes in Java. 
// You can either call a separate function, or write an inline function like this. 
 
var increment = 1; 
$("p").each(function(){ 
 
  // now add a paragraph count in front of each of them. Notice how we use the 
  // $(this) variable to reference each of the paragraph elements individually. 
 
  $(this).text(increment + ". " + $(this).text()); 
  increment++; 
});

因为搜索结果存储在一个数组中,您肯定希望函数遍历该数组,就像处理其他编程语言的数据对象一样。因此,要查找一个给定搜索结果的长度,则可以在该数组上调用 $().length。清单 11 展示了更多的数组遍历函数,可适用于其他编程语言的数组遍历。

编缉推荐阅读以下文章

  • 使用 jQuery,第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序
  • 使用 jQuery,第 2 部分: 构建未来的 Web 应用程序

上一页  3 4 5 6 7 8 9 10  下一页

Tags:使用 jQuery 部分

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接