jQuery技术

jquery 学习 二 DOM JQUERY

字号+ 作者:H5之家 来源:H5之家 2016-02-13 14:06 我要评论( )

jquery 学习 二 DOM JQUERY jquery 学习 二 DOM JQUERY,有需要的朋友可以参考下。 1,DOM document object model 文档对象模型。每一个DOM对象都可以表示成一棵树。如 htmlheadbodymeta titleh3 p ul DOM元素可以使用 javascript方法。 2,jquery 对象 jquer

jquery 学习 二 DOM & JQUERY

jquery 学习 二 DOM & JQUERY,有需要的朋友可以参考下。




1,DOM


document object model 文档对象模型。每一个DOM对象都可以表示成一棵树。如



html head body meta title h3 p ul

DOM元素可以使用 javascript方法。



2,jquery 对象


jquery对象就是通过jquery包装DOM对象后产生的对象。


jquery对象是jquery独有的,如果一个对象是jquery对象,那么它就可以使用jquery的方法。


jquery 对象 无法使用 dom 的任何方法;同样的dom也无法使用jquery方法。



3,转化


jquery 提供了2种方法将 jquery 对象 转化成 dom对象 即 [index] 和 get(index)


a,如果jquery对象是一个类似数组的对象,可通过[index]的方法得到相应的DOM对象


<pre name="code" class="javascript"> var $list = $("#list"); // jquery对象 var list = $list[0]; // dom对象






b,通过 get()


var $list = $("#list"); // jquery对象 var list = $list.get(0); // dom对象



dom 对象 转化为 jquery对象 只需要把dom对象用 $()包起来。

var obj = document.getElementById("first"); // dom 对象 var $obj = $(obj); // jquery对象



4, $ 与 jquery


我们都知道,在引入 jquery.js之后 $ 与 jQuery 的作用是一样的,那么我们可不可以将$替换成别的呢?


<span style="white-space:pre"> </span> var $j = jQuery.noConflict(); // 自定义一个快捷方式





 

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

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

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

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

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

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评