mui选择器和dom获取元素的区别(记得把mui对象转为dom对象才能调用用dom方法)

 

<!DOCTYPE html>
<html>

&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no&quot; /&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src=&quot;js/mui.min.js&quot;&gt;&lt;/script&gt;
&lt;link href=&quot;css/mui.min.css&quot; rel=&quot;stylesheet&quot; /&gt;

&lt;/head&gt;

&lt;body&gt;
&lt;div id=&quot;div1&quot;&gt;div1&lt;/div&gt;
&lt;div id=&quot;div&quot;&gt;div2&lt;/div&gt;
&lt;div id=&quot;div2&quot; class=&quot;nw1&quot;&gt;div3&lt;/div&gt;
&lt;input type=&quot;button&quot; name=&quot;text&quot; id=&quot;&quot; value=&quot;666&quot; /&gt;
&lt;script src=&quot;js/mui.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
console.log(mui('div')[0].innerHTML);//mui做dom操作必须先加【0】转为dom元素
console.log(mui('input')[0].value);//mui括号里的可以是id、标签、class属性
//getart
var lui=mui('input')[0];//mui方式获取input对象
console.log(lui.attributes.type.nodeValue);//获取input标签的type属性值
console.log(lui.attributes['name'].nodeValue);//另一种获取input标签的name属性值
console.log(document.getElementById('div').innerHTML);//这里是js的方法
var nw=document.getElementById('div2');
nw.setAttribute('demo','demo1');//设置自定义属性和值
console.log(nw.attributes['demo'].nodeValue);
var nw1=document.getElementsByClassName('nw1')[0].innerHTML;
console.log(nw1);
(function($){//这里是在闭包里使用mui获取元素
console.log($('div')[0].innerHTML);
})(mui);
&lt;/script&gt;
&lt;/body&gt;
posted @ 2017-09-01 23:24  左正  阅读(9730)  评论(0编辑  收藏  举报