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

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

 2009-08-29 00:00:00 来源:WEB开发网   
核心提示: 清单 2. 如何正确调用 jQuery 函数//Incorrect<scriptlanguage=JavaScript>$("div").addClass("a");</script>//Correct$(document).rea

清单 2. 如何正确调用 jQuery 函数

   
// Incorrect 
<script language=JavaScript> 
  $("div").addClass("a"); 
</script> 
 
// Correct 
$(document).ready(function(){ 
  $("div").addClass("a"); 
 }); 
 
// - or - 
 
$(document).ready(function(){ 
  myAddClass(); 
 }); 
 
function myAddClass() 
{ 
  $("div").addClass("a"); 
}

此外,还有一个值得注意的地方:一个页面上可以有任意个 document.ready() 函数,它们将被依次调用。如果您正在使用模块动态地构建页面,并且每个模块有它自己的 jQuery 支持代码(例如,一个由许多很小的 PHP 页面片段构成的 PHP 页面),这是一个不错的方法。

jQuery 最有趣的特性之一是 “链接性”,它能够将一系列函数集中起来,改善可读性和简化代码的编写。几乎每个 jQuery 函数都返回一个 jQuery 对象,这意味着您仅需在其上反复调用其他函数,就可以将一个完整的 jQuery 命令链接在一起。我将这比作 Java 的 String 类,在其中有几个函数返回一个 String 对象,使您可以将在同一行上的多个函数链接在一起:

清单 3. jQuery 的链接性

   
String man = new String("manipulated").toUpperCase().substring(0,5).toLowerCase(); 
 
$("div").addClass("a").show().text("manipulated");

编缉推荐阅读以下文章

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

上一页  1 2 3 4 5 6 7 8  下一页

Tags:使用 jQuery 部分

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