# mind.js

**Repository Path**: dipoo/mind.js

## Basic Information

- **Project Name**: mind.js
- **Description**: 轻量级js dom操作库。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2013-11-28
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<center style='border-collapse: collapse;border: 1px solid #666;'>
	    <table>
	    	<tr>
	    		<th>属性/方法</th>
	    		<th>描述</th>
	    	</tr>
	    	<tr>
	    		<td>id选择器</td>
	    		<td>用法：mind("#id")</td>
	    	</tr>
	    	<tr>
	    		<td>类选择器</td>
	    		<td>用法：mind(".clazz")</td>
	    	</tr>
	    	<tr>
	    		<td>标签选择器</td>
	    		<td>用法：mind("td")</td>
	    	</tr>
	    	<tr>
	    		<td>length</td>
	    		<td>当前匹配的元素个数。</td>
	    	</tr>
	    	<tr>
	    		<td>size()</td>
	    		<td>当前匹配的元素个数。</td>
	    	</tr>
	    	<tr>
	    		<td class="get1">get()</td>
	    		<td class="get1">取得所有匹配的 DOM 元素数组。</td>
	    	</tr>
	    	<tr>
	    		<td class="get2">get(index)</td>
	    		<td class="get2">取得其中一个匹配的元素。 index表示取得第几个匹配的元素。</td>
	    	</tr>
	    	<tr>
	    		<td>
	    			<input id="val1" type="hidden" value="val()" />
	    			val()
	    		</td>
	    		<td>获得第一个匹配元素的当前值。(<i>限于具有value属性的元素使用</i>)</td>
	    	</tr>
	    	<tr>
	    		<td>
	    			<input id="val2" type="hidden" value="val(str_)" />
	    			val(str)
	    		</td>
	    		<td>设置每一个匹配元素的值。(<i>限于具有value属性的元素使用</i>)</td>
	    	</tr>
	    	<tr>
	    		<td id="html1">html()</td>
	    		<td>取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。</td>
	    	</tr>
	    	<tr>
	    		<td id="html2">html(content_)</td>
	    		<td>设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。</td>
	    	</tr>
	    	<tr>
	    		<td id="text1">text()</td>
	    		<td>
	    			取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
	    		</td>
	    	</tr>
	    	<tr>
	    		<td id="text2">text(content_)</td>
	    		<td>
	    			设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 "&lt;" 和 "&gt;" 替换成相应的HTML实体)。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="css">css()/css(cssValue)</td>
	    		<td>
	    			获取或设置元素的style值，例如：mind("#id_").css("font-weight:bold;");
				</td>
	    	</tr>
	    	<tr>
	    		<td id="css2">cssAppend(cssValue)</td>
	    		<td>
	    			追加元素的style值，例如：mind("#id_").cssAppend("font-weight: bold;");
				</td>
	    	</tr>
	    	<tr>
	    		<td id="styleAttr">styleAttr(attr)/styleAttr(attr, value)</td>
	    		<td>
	    			获取第一个匹配元素的某个style属性值/设置所有匹配元素的style属性值，例如：mind("#id_").styleAttr("color"),返回#fff;
				</td>
	    	</tr>
	    	<tr>
	    		<td id="removeStyleAttr">removeStyleAttr(attr)</td>
	    		<td>
	    			删除所有匹配元素的指定style属性;
				</td>
	    	</tr>
	    	<tr>
	    		<td id="attr1" class="attr">attr(attrName)</td>
	    		<td>
	    			取得第一个匹配元素的属性值。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="attr2">attr(attrName,attrValue)</td>
	    		<td>
	    			为所有匹配的元素设置一个属性值。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="attr3">attr(attrName,attrValue,fn(e))</td>
	    		<td>
	    			为所有匹配的元素设置一个属性值，之后调用fn(e)函数,参数e代表当前的对象（mind对象，不是dom对象）。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="attr4" class="attr">removeAttr(attrName)</td>
	    		<td>
	    			删除指定名称的属性。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="addClass1">addClass(className)</td>
	    		<td>
	    			为每个匹配的元素添加指定的类名。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="addClass2">addClass(className,fn(e))</td>
	    		<td>
	    			为每个匹配的元素添加指定的类名，并在之后调用函数fn(e),参数e代表当前的对象（mind对象，不是dom对象）。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="removeClass1" class="remove">removeClass(className)</td>
	    		<td>
	    			为每个匹配的元素删除指定的类名。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="removeClass2" class="remove">removeClass(className,fn(e))</td>
	    		<td>
	    			为每个匹配的元素删除指定的类名，并在之后调用函数fn(e),参数e代表当前的对象（mind对象，不是dom对象）。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="toggleClass1">toggleClass(className)</td>
	    		<td>
	    			每一个匹配的元素，如果存在（不存在）指定类就删除（添加）指定类。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="toggleClass2" class="toggle1">toggleClass(className,fn(e))</td>
	    		<td>
	    			每一个匹配的元素，如果存在（不存在）指定类就删除（添加）指定类，之后调用函数fn(e),参数e代表当前的对象（mind对象，不是dom对象）。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="append">append(string/dom,fn(e))</td>
	    		<td>
	    			向每个匹配的元素中追加内容元素，之后调用函数fn(e),参数e代表当前的对象（mind对象，不是dom对象）。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="remove">remove()</td>
	    		<td>
	    			删除自身(们)。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="children">children()<span>&nbsp;</span></td>
	    		<td>
	    			获取第一个匹配元素下的所有子元素；
				</td>
	    	</tr>
	    	<tr>
	    		<td id="parent">parent()</td>
	    		<td>
	    			获取第一个匹配元素的父元素；
				</td>
	    	</tr>
	    	<tr>
	    		<td id="width">width()</td>
	    		<td>
	    			获取第一个匹配元素的宽度(包含border但不包含padding)。
				</td>
	    	</tr>
	    	<tr>
	    		<td id="height">height()</td>
	    		<td>
	    			获取第一个匹配元素的高度(包含border但不包含padding)。
				</td>
	    	</tr>
	    	<tr>
	    		<td>moveNode([node])</td>
	    		<td>
	    			实现对元素的拖动，其中node为mind对象，表示可拖动的元素；不指定的话可拖动的元素为本身<span id="moveNodeLocation">&nbsp;</span>
				</td>
	    	</tr>
	    	<tr>
	    		<td>offsetLeft()</td>
	    		<td>
	    			获取第一个匹配元素距浏览器左端的像素值(各浏览器之间有差异)
				</td>	    		
	    	</tr>
	    	<tr>
	    		<td>offsetTop()</td>
	    		<td>
	    			获取第一个匹配元素距浏览器顶端的像素值(各浏览器之间有差异)
				</td>	    		
	    	</tr>
	    </table><br />