jQuery技术

JQuery原理介绍及学习方法(3)

字号+ 作者:H5之家 来源:H5之家 2015-11-04 08:46 我要评论( )

var dom = document.getElementById('id'); // DOM对象转换成JQuery对象 var $dom = $(dom); // 参照JQuery对象的构造方式 // 将JQuery对象转换成DOM对象 for(var i=0,len=$dom.length;ilength;i++) { var o = $dom

  • var dom = document.getElementById('id');
  • // DOM对象转换成JQuery对象
  • var $dom = $(dom);   // 参照JQuery对象的构造方式

  • // 将JQuery对象转换成DOM对象
  • for(var i=0,len=$dom.length;i<length;i++) {
  •   var o = $dom[i];  //获取dom元素
  •   ... ...
  • }

    复制代码


      总结

      关于JQuery,上手虽然简单,但如果要高效快速的使用开发,还是需要好好理解下JQuery的。以上只是个人学习过程中的一些感悟和整理,建议各位在学习时也按照自己的思维习惯形成一套自己的知识体系,一来便于日后的开发,二来也便于查阅别人的代码。最后附注一些有意思的小问题,各位有兴趣就思考下吧。

      问题一. 你觉得下面哪种方式代码好一点?为什么?

  •   // 方式一
  • var $text = $("#text");
  • var $ts = $text.text();

  • //方式二
  • var $text = $("#text");
  • var $ts = $.text($text);

    复制代码


      问题二. 下面代码中的this是什么呢?大概实现原理有什么?

  • $('#box').click(function(){
  •     var obj = this;
  •    ... ...
  • }

    复制代码

     

  • 1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 7个有用的jQuery小技巧

      7个有用的jQuery小技巧

      2016-02-26 13:02

    • 全面详细的jQuery常见开发技巧手册

      全面详细的jQuery常见开发技巧手册

      2016-02-26 10:02

    • jQuery Touchwipe Plugin 轻量级的手机触摸特效插件(javascript

      jQuery Touchwipe Plugin 轻量级的手机触摸特效插件(javascript

      2016-02-16 17:04

    • javascript与jQuery的那些事

      javascript与jQuery的那些事

      2016-01-19 12:01

    网友点评
    >