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:
如果反过来使用
这个问题是前两天在写一个小程序的时候才发现的。。。当然,这只是举例。
实际应用当时也是要获取一个对象的内容,调试了半天 愣是没有弹出(alert(xxx)测试)
后来google了一下,恍然大悟...原来是有区别的。不能乱用。
DOM到JQ的转换: JQ=$(DOM)
DOM.innerHTML=JQ.text();
DOM.属性=JQ.attr("属性")
例:document.ElementByTagName("img").src=JQ.attr("src")
改天要把知道的都整理出来。呵呵。
今天到此结束。
只是为了记录自己 请大家不要骂我哟。
![](https://www.cnblogs.com/Emoticons/msn/49_49.gif)
之前的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>
如果用JQ:
<div id="DomID">Dom Content</div>
<script>
var str=$("#DomID").text();
alert(str);
</script>
他们是等效的<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>
这样都是无法运行的。。因为 牛头没对上马嘴。哈哈<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")
改天要把知道的都整理出来。呵呵。
今天到此结束。
只是为了记录自己 请大家不要骂我哟。