1. DOM 对象扩展

    方法 说明
    $("#id").attr(attrname,attrvalue) 获取或设置DOM对象的某个属性值,当 attrvalue 参数不传的时候为取值,否则为设值
    $("#id").val(value) 获取或设置 DOM 对象的 value 值,当 value 参数不传时为取值,否则为设值
    $("#id").css(stylename,value) 获取或设置 DOM 对象的样式属性,当 value 参数不传时为取样式属性,否则为设置样式属性
    $("#id").html(value) 获取或设置 DOM 对象的 innerHTML,当 value 参数不传时为获取 innerHTML,否则为设置 innerHTML
    $("#id").outerHtml() 获取DOM元素的 outerHTML
    $("#id").data(key,value) 设置 DOM 元素的关联数据
    $("#id").removeData(key) 删除 DOM 元素的关联数据
    $("#id").empty() 移除 DOM 元素的所有子节点
    $("#id").remove() 移除 DOM 元素
    $("#id").focus() 取得焦点
    $("#id").select() 选中
    $("#sel").bindData(data,f_name,f_value,defOpt) 绑定下拉框select的列表
    data可以是json object,$.DataMap或$.DatasetList类型
    f_name和f_value仅在data为$.DatasetList类型时使用,表示要绑定的列表选项名称字段和值字段。
    defOpt 为true|false 表示是否生成默认的“--请选择--”选项,例:
    $("#sel").bindData({"选项1":"0","选项2":"2"});
    $("#sel").bindData(data,true);
    $("#sel").bindData(ds,"DATA_NAME","DATA_VALUE",true);
    
    $("#id").offset() 获取元素在页面上的绝对位置,返回对象 o.left,o.top
    $("#id").position() 获取元素在页面上的位置 ,返回对象 o.left,o.top
    $("#id").width() 获取元素的宽度
    $("#id").height() 获取元素的高度
    $("#id").chidren() 获取当前元素的第一层子节点元素
    $("#id").parent() 获取当前元素的父节点元素
    $("#id").parents("[attr=val]") 查找当前元素所有父节点元素中attr属性为val的节点元素

    获取当前页面宽度:$(document.body).width();
    获取当前页面高度:$(document.body).height();