jquery对象和DOM对象调用一些方法及属性的区别（收集中）

1.reset()方法

通常我们的用法是：document.getElementById("表格id名").reset().

 

如果你想这么用：$("#表格id名").reset()，sorry to tell you that这是错误的。

 

你要是非要跟jquery扯上点关系，那你得这么用：$("#表格id名")[0].reset().

 

为什么捏？因为reset()是DOM对象的方法，不是jquery对象的方法。$("#表格id名")获取的是jquery对象，$("#表格id名")[0]获取的是DOM对象（为什么加上个[0]就是DOM对象了我也不知道==）。。。

 

==================================

2.submit()、focus()都是jquery对象和DOM对象的方法

都可以直接调用：

document.getElementById("表格id名").submit()  或者  $("#表格id名").submit()

document.getElementById("inputID名").focus()  或者  $("#inputID名").focus()

==================================

3.获取select框的子元素option的长度

document.getElementById("selectID名").options.length

如果你这样写：$("#selectID名").options.length，结果是错误的。

你得这样写：$("#selectID名>option").length

==================================

4.获取select框的子元素option的value值

document.getElementById("selectID").options[i].value     //i是下标，从0开始

$("#selectID option:nth-chile(i)").val()    //i是下标，从1开始

$("#selectID>option")[i].value            //i是下标，从0开始，注意这里加了[i],获取的是DOM对象了，上面也有提到