dom-camp v0.2.0

dom-camp

A dom library of javascript.

API Reference

q（获取|创建节点）

参数：

• #id 根据id获取节点
• .class 根据class获取节点
• tagName 根据标签获取节点
• $tagName 创建新的节点

备注：如果有多个节点，则只获取第一个

方法：

attr

• text: str 【设置文本内容，若无参数则获取文本内容】
• html: str 【设置html，若无参数则获取html】
• attr: name, value 【设置name属性的值，若value无参数则获取name的值】
• id: val 【设置id，若无参数则获取】
• value: val 【设置表单值，若无参数则获取表单值】
• checked: bool 【设置选中状态（radio、checkbox），若无参数则获取】

find

• tagName 【获取节点名称】
• current 【获取节点本身】
• parent 【获取父节点】
• next 【获取后一个节点】
• prev 【获取上一个节点】
• first 【获取第一个子节点】
• last 【获取最后一个子节点】
• find: #id | .class | tagName 【找子节点】

class

• addClass: str | arr | a, b, ... 【添加样式class】
• removeClass: str | arr | a, b, ... 【移除样式class】
• hasClass: str 【是否含有样式class】

listener

• on: type, fn, useCapture=false 【添加事件监听】
• off: type, fn 【移除事件监听】

dom

• append: node | nodeList 【填充子节点到最后】
• appendTo: parent 【填充到父节点中最后】
• prepend: node | nodeList, reference 【填充子节点到最前或指定节点前】
• prependTo: parent, reference【填充到父节点中最前或指定节点前】
• remove: child 【移除子节点，若无参数则移除自身】

style

• css: name 【获取css文件中定义的样式】
• style: (name, value) | object 【1.设置或获取内联样式；2.设置一组样式】
• show 【显示节点】
• hide 【隐藏节点】
• width 【获取节点宽度】
• height 【获取节点高度】

QCamp（节点仓库，包括数据和方法）

方法：

• q: 同上述q
• getNode: name 【获取节点】
• setNode: name, node 【设置节点，返回节点】
• getStore: name 【获取数据】
• setStore: name, value 【设置数据，返回数据】
• getMethod: name 【获取方法】
• setMethod: name, fn 【设置方法，返回方法，this绑定到qnode】
• execMethod: name 【执行方法，name后面可以传入方法需要的参数，this为qnode】