lano chan 点滴生活

JQuery VS JS DOM

JQ断断续续的也用了一阵子了.对我来说确实是个小小的突破。
之前的javascript 简直是 一塌糊涂。。
糊涂到 连:document.getElementById("") 这个语句都不会写。哈哈
这也算是选择JQ的一个理由吧,因为JQ 只需要$("#ID") $(".Class") 就可以了。
还有一个就是 document.getElementById("") 返回的DOM对象 $()返回的是JQ对象
DOM对象是可以直接试用JS中的属性和方法的 比如:

<div id="DomID">Dom Content</div>
<script>
   
var str=document.getElementById("DomID").innerHTML;
   alert(str);
</script>
可以返回 Dom Content

如果用JQ:
<div id="DomID">Dom Content</div>
<script>
    
var str=$("#DomID").text();
    alert(str);
</script>
他们是等效的

如果反过来使用
<div id="DomID">Dom Content</div>
<script>
     
var str=document.getElementById("DomID").text();
     
//或者
      var str=$("#DomID");
</script>
这样都是无法运行的。。因为 牛头没对上马嘴。哈哈

这个问题是前两天在写一个小程序的时候才发现的。。。当然,这只是举例。
实际应用当时也是要获取一个对象的内容,调试了半天 愣是没有弹出(alert(xxx)测试)
后来google了一下,恍然大悟...原来是有区别的。不能乱用。
DOM到JQ的转换: JQ=$(DOM)
DOM.innerHTML=JQ.text();
DOM.属性=JQ.attr("属性")
例:document.ElementByTagName("img").src=JQ.attr("src")
改天要把知道的都整理出来。呵呵。
今天到此结束。

只是为了记录自己 请大家不要骂我哟。

posted on 2009-09-27 21:08  lano chan  阅读(414)  评论(2编辑  收藏  举报

导航