$("input:eq(0)")[0]

var getObjectByJs = document.getElementById("test");
var getObjectByJq = $("#test");

javascript jQuery getObjectByJs.style.height;或offsetHeight getObjectByJq.height(); getObjectByJs.style.height = "50px"; getObjectByJq.height("50");

注：
a.jquery的attr()方法对已知属性和自定义属性都有效，
但是当获取"readonly,checked,disabled,selected"等类似属性时，
使用attr()返回的是"readonly,checked,disabled,selected"或"undefined"；
使用prop()统一返回的是true或false
b.获取自定义属性
jQuery 只能使用attr()方法；
javascript必须用getAttribute()方法

c.判断是否存在某个属性

建议使用jQuery判断：如果存在则返回属性值，否则返回undefined

javascript的hasAttribute()方法在IE9以下不支持
d.当使用javascript移除"onclick"属性时，IE浏览器存在bug，

window.onload = function () {
    getObjectByJs.removeAttribute('onclick');
　　　　虽然"onclick"属性已被删除，但是对应的onclick调用的js代码还是会执行！
　　　　解决方案：
//页面加载完毕使用jQuery的$(function(){});
$(function() {
    getObjectByJq.removeAttr('onclick');
　　　　e.js获取标签属性详细介绍
　　　　案例：
　　　　　　CreateTime--2016年10月16日16:35:34
<iframe id='importJsp' width='700' height='500' frameborder='0' src='test.html'></iframe>
　　　　1.取值：获取iframe标签的src属性
//方法一
//自定义属性
var iframeSrcAttr = document.getElementById("importJsp").getAttribute("src");
　　　　获取得到的值是：test.html
//方法二
var iframeSrcAttr = document.getElementById("importJsp").src;
　　　　获取得到的值是：http://127.0.0.1:8020/demo/test.html
//方法三
var iframeSrcAttr = document.getElementById("importJsp").attributes["src"].value;
　　　　获取得到的值是：test.html
　　　　需要特别注意的地方：
　　　　　　当获取的标签属性具有路径性质的，一定要注意，需求：
　　　　　　通过"."操作符，获取的值前面带有绝对路径
　　　　2.改变已存在属性（src）的属性值
//方法一
document.getElementById("importJsp").setAttribute("src","#");
//iframe标签的src属性值已更改为"#"
//方法二
document.getElementById("importJsp").attributes["src"].value="#";    
　　//下面内容与js无关
　　但是，更改src没有用，只能将iframe标签全部替换掉才行
<iframe id='importJsp' width='700' height='500' frameborder='0' src='#'></iframe>
7.input,select,textarea框取值及赋值
 javascript
 jQuery
 getObjectByJs.value;
 getObjectByJq.val();
 getObjectByJs.value = "赋值";
 getObjectByJq.val('赋值');
新增class属性值
 getObjectByJs.className += ' ' +'color2';//注意空格
 getObjectByJq.addClass('color2');
移除class的某个属性值
 Null（没有对应的方法）
 getObjectByJq.removeClass('color1');
移除class属性
 getObjectByJs.removeAttribute('class');
 getObjectByJq.removeAttr('class');
　　注：
　　　　a.jQuery的toggleClass('className',paramBoolean)方法
　　　　　　元素中class属性的值，指定class类，如果存在则删除、如果不存在则添加；
　　　　　　第二个参数如果为true，则只进行删除操作；
　　　　　　如果设为false，只进行删除操作。
　　　　b.js-自定义方法文章中，已对增加和删除class类做了封装
9.选中文本内容
 javascript
 jQuery
选中文本内容 
 getObjectByJs.select();
 getObjectByJq.select();
 获取第一个子节点
 firstChild/firstElementChild及children[0]  
 children[0]或children(':first')或children().eq(0)或children(':eq(0)')
 获取最后一个子节点 
 lastChild/lastElementChild及children[最后一个子元素下标] 
 children(最后一个子元素下标)
 获取所有的子节点
 children
 children()
 获取指定的子节点
 children[元素下标]
 children(元素下标)或children().eq(元素下标)或使用">"，$('parent > child')
 获取所有的子孙（后代）节点
 使用"空格"，$('parent child')
 获取父节点
 parentNode
 parent()
 获取所有的父节点
 parents()
 获取上一个兄弟节点
 previousElementSibling
 prev()
 获取之前所有的兄弟节点
 prevAll()

 获取下一个兄弟节点
 nextElementSibling
 next()或使用"+"，$('pre + nextbrother')
 获取之后所有兄弟节点
 nextAll()或使用"~"，$('pre ~ brother')
 获取所有兄弟节点
 siblings()
 获取所有index>No的兄弟节点
 :gt(No)
 获取所有index<No的兄弟节点
 :lt(No)
 获取index=No的兄弟节点
 :eq(No)
 查找子节点
 find()
　　注意：1.用javascript获取第一个及最后一个子节点，建议使用children[元素下标]来实现，使用firstElementChild/firstChild存在兼容性问题，
　　　　　   具体解释转至：http://www.cnblogs.com/jelly7723/p/4871849.html
 　　　　  2.previousElementSibling及nextElementSibling同样在IE9以下不支持，建议使用jQuery来实现；
　　　　   3.jquery选择器空格与大于号、加号与波浪号的区别更加详细的介绍见对应的文章。
 UpdateTime--2017年5月28日12:41:20
13.添加、移除节点
 javascript
 jQuery
 为指定元素最后面添加一个子节点
 appendChild() 
 通过操作父节点来实现添加子节点使用append()；
 通过操作子节点拼接到父节点使用appendTo()。
 为指定元素最前面添加一个子节点
 insertBefore(目标对象，插入位置)
 通过操作父节点来实现添加子节点使用prepend()；
 通过操作子节点拼接到父节点使用prependTo()。
 为指定元素后面添加一个兄弟节点
 通过操作已知节点来实现添加兄弟节点使用after()；
 通过操作兄弟节点拼接到已知节点使用insertAfter()。
 为指定元素前面添加一个兄弟节点
  insertBefore(目标对象，插入位置)
 通过操作已知节点来实现添加兄弟节点使用before()；
 通过操作兄弟节点拼接到已知节点使用insertBefore()。
 移除指定节点
 remove()
 清空所有的子节点
 empty()
 clone()