提示,报错,和排错

()等同于jquey() 在web上关于jquery的很多文章和博客帖子中,我们会看到jquery(‘p’).css(‘color’,‘#F03’) 尽管你熟悉(‘p’),它选择页面上所有的<p>标签等同于('p').css('color','#F03');()是jquery()一个别名,并且两者可以互换。
将选择器保存到变量中
每次使用()对页面元素进行选择时,例如使用('#tooltip'),我们正在调用jquery函数。每次我们这么做的时候,访问者的浏览器已经运行了很多代码。这往往会是程序无意义的变慢,例如:
(”#tooltip“).html('<p>An arrdvark</p>');("#tooltip").fadeIn(250);
("#tooltip").animate({left:100px},250); 这段代码选择了ID为tooltip的一个元素,并且在其中插入一个<p>标签,然后再次选择了该元素,并将其淡入实现,最后第三次选择了该元素,,然后将其left属性动态变化到100像素,每次这样的选择,即每个("#toolip").都会运行jquery函数。由于这三行代码都会影响同一个元素,我们真的只需要选择他一次。
一种方法是使用jquery的函数串联功能,选择元素,然后一个接一个添加函数。
("#tooltip").html('<P>An arrdvark</P>').fadeIn(250).animae({left:100px},250); 但是有时候串联会变得很长,并且难以阅读。解决方法是在每个串联方法后添加一个break语句。因为javascript对于使用空格和空行不够灵敏,可以使用如下方法:("#toopltp").html('<p>an arrdvark</p>')
.fadeIn(250)
.animate({left:1000px},250);
尽管.html,.fadeIn和.animate各自单独成行,他们确实是一个长串联方法语法的一部分。
另一个选择是,只运行jquery函数一次,将其结果保存在一个重用的变量中。
1.var tooltip=$("#tooltip');
2.tooltip.html('<p>An aardvark</p>')
3.tooltip.fadeIn(250);
4.tooltip.animate({left:100px},250);

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,882评论 0 3
  • jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery,您需要下载 jQuery 库(会在下...
    Clover园阅读 2,405评论 0 0
  • 警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document....
    鹿守心畔光阅读 7,818评论 3 104
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,086评论 1 45
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,914评论 0 1