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

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

 2009-08-29 00:00:00 来源:WEB开发网   
核心提示: 清单 11. 其他数组函数 //theeq()functionletsyoureferenceanelementinthearraydirectly.//Inthiscase,itwillgetthe3rdparagraph(0referencedofcourse)andhideit$(&quo

清单 11. 其他数组函数

   
// the eq() function lets you reference an element in the array directly.  
// In this case, it will get the 3rd paragraph (0 referenced of course) and hide it 
$("p").eq(2).hide(); 
 
// The slice() function lets you input a start and an end index in the array, to 
// create a subset of the array. This will hide the 3rd through 5th paragraphs on the 
// page 
$("p").slice(2,5).hide();

除了这些数组遍历函数之外,jQuery 还提供了一些函数,使您可以查找嵌套在搜索词周围的元素。为什么这很有用呢?例如,我们常常需要在图片的旁边嵌入一个文本标签,或在表单元素旁边嵌入一个错误消息。使用这些命令可以查找特定的表单元素,然后通过将表单元素放置在下一个元素(span 标记)中,把该错误消息直接放置在表单元素旁边。清单 12 显示了这种设计的一个示例:

清单 12. 示例 next() 函数

   
<input type=text class=validate><span></span> 
 
function validateForm() 
{ 
  $(".validate:text").each(function(){ 
  if ($(this).val()=="") 
  // We'll loop through each textfield on the page with a class of "validate" 
  // and if they are blank, we will put text in the <span> immediately afterwards 
  // with the error message. 
 
    $(this).next().html("This field cannot be blank"); 
}); 
}

编缉推荐阅读以下文章

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

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

Tags:使用 jQuery 部分

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