diken
diken
  • 发布:2017-01-19 11:39
  • 更新:2017-01-19 11:39
  • 阅读:18340

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

分类:MUI

<!DOCTYPE html>
<html>

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

</head>  

<body>  
    <div id="div1">div1</div>  
    <div id="div">div2</div>  
    <div id="div2" class="nw1">div3</div>  
    <input type="button" name="text" id="" value="666" />  
    <script src="js/mui.js" type="text/javascript" charset="utf-8"></script>  
    <script type="text/javascript">  
        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);  
    </script>  
</body>  

</html>

0 关注 分享

要回复文章请先登录注册

zhen不完美

zhen不完美

回复 diken :
恩恩
2017-01-19 15:27
diken

diken (作者)

回复 diken :
不好意思,我搞错了,这个是上一手同事没写注释文档,刚看了看原来是自己封装的选择器。。。
2017-01-19 15:25
diken

diken (作者)

回复 zhen不完美 :
谢谢提醒,我想问下有么有这样的mui选择器啊.......$id('demo').......这个看不懂是什么
2017-01-19 15:20
zhen不完美

zhen不完美

mui选择器和jquery是类似的,可以使用类似jquery获取元素的方式操作dom
2017-01-19 14:52
diken

diken (作者)

请轻喷
2017-01-19 11:40