码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-09-02 00:14:44      阅读:291      评论:0      收藏:0      [点我收藏+]

标签:char   ini   view   comm   alt   nim   use   scala   ref   

技术分享

 

<!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;

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

标签:char   ini   view   comm   alt   nim   use   scala   ref   

原文地址:http://www.cnblogs.com/soundcode/p/7465421.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!