jquery (1) Dom

使用javascript已经有几个年头了， 期间接触和使用过不少的JS工具， prototype, yum, ejs,jquery等

个人感觉 yum和prototype太厚重， ejs现在收费了， 所以使用jquery的时间比较长。

 

jquery使用比较容易上手， 尤其是和Dom的兼容， 和不同浏览器的兼容还不错。

 

jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。

如：

1. $(document.getElementById("msg"))
2. 或者 是$(this)

则为jquery对象，可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
如：

1. $("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]

这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：

1. $("#msg").html();
2. $("#msg")[0].innerHTML;
3. $("#msg").eq(0)[0].innerHTML;
4. $("#msg").get(0).innerHTML;

对一个变量进行赋值

1. $("#msg").val(value);
2. $("#msg").val() 取值

方便的使用Ajax功能

$.ajax({

url:..,

type:...,

data:...,

success: function (msg)

{}

});