MUI常用脚本及原生JavaScript常用操作元素方法

1、mui元素转换html元素

var obj=mui("#id")[0];

2、事件绑定

var btn = document.getElementById("login");
btn.addEventListener(‘tap‘,function(){

//事件处理

});

/*给address内的所有含有ajaxbtn类名的元素单击事件 */
mui(‘.address‘).on(‘tap‘,‘.ajaxbtn‘,function(){
    dpajax(this);
})

3、是否含有某个类名

原生:document.getElementById("autoLogin").classList.contains(‘mui-active‘)

MUI:mui("#autoLogin")[0].classList.contains(‘mui-active‘)

原文地址:https://www.cnblogs.com/djiz/p/8408849.html

时间: 2025-01-04 13:07:39

MUI常用脚本及原生JavaScript常用操作元素方法的相关文章

原生javascript获取dom元素简单介绍

原生javascript获取dom元素简单介绍: 使用jQuery可以各种方式获取元素,比如id选择器,类选择器,元素选择器等等,非常的方便. 下面就介绍一下如何利用原生的js实现获取dom元素的功能. 一.通过id获取元素: 最方便的那就是使用document.getElementById()函数. 具体可以参阅document.getElementById()一章节. 二.通过标签获取元素: 使用document.getElementsByTagName()函数. 具体可以参阅documen

每天一个JavaScript实例-操作元素定位元素

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-操作元素定位元素</title> <style> div#a{ width:500px; } div{ border:1px solid

原生JavaScript常用的DOM操作

之前项目一直都是用JQuery或者Vue来做的,确实好用,毕竟帮我们解决了很多浏览器兼容问题,但是后面发现大公司面试题都是要原生Javascript来做,然后我就一脸懵逼哈哈哈,毕竟大公司需要的框架或者库好多都是公司内部自己构建的,所以说到头来还是要原生JavaScript,这里总结了一些原生js常用的dom操作函数. 一:节点关系 //元素的子元素都可以通过someNode下的childNodes对象来访问 var firstChild = someNode.firstChild; //获得第

原生JS获取操作元素

操作元素自定义属性 h5方法 设置语法:<p data-自定义属性名 = '自定义属性值'></p> 属性名想叫什么就叫什么,可以用多个 -连接 <p data-名称-名称 = '自定义属性值'></p> 获取语法**:element.dataset.自定义属性名如果属性名用多个-连接 ,获取时应将属性名以-为分割符,驼峰方式获取 无兼容性方法 设置语法**:属性名想叫什么就叫什么,可以用多个 -连接 操作元素所有(标准.自定义)属性 获取元素属性 语法:e

jQuery操作元素方法总结

总结工作中常用到的jQuery操作元素的各种方法,方便以后查阅使用. jquery判断checkbox是否被选中 if($("#id").is(":checked")) jquery获取选中的radio var gender = $("input[name='gender']:checked").val(); jquery选中radio $("input:radio[name='gender'][value='M']").at

原生JavaScript常用的正则表达式

//正整数 /^[0-9]*[1-9][0-9]*$/; //负整数 /^-[0-9]*[1-9][0-9]*$/; //正浮点数 /^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/; //负浮点数 /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //浮点数 /^

javascript之操作数组方法

掌握如何操作数组,会让你的开发变得更加高效 1.栈和队列方法(以下四个方法都改变原数组) arr.push() //接受任意类型的参数,逐个添加到数组的末尾,并返回数组的长度 改变原数组 arr.pop() //从数组的末尾移除最后一项,减少数组的length值,返回移除的项 arr.shift() //移除数组中的第一个项并且返回该项,同时将数组的长度减一. arr.unshift() //在数组的前端添加任意个项,并返回新数组的长度 2.排序 reverse() //反转数组的排序 改变原数

原生javascript包装一个ajax方法

调用AJAX 1 <script type="text/javascript" src="ajax.js"></script> 2 <script type="text/javascript"> 3 //调用包装好的ajax方法 4 ajax({ 5 method : "get", 6 url : "get.php", 7 asyn : true, 8 data : &q

javascript中操作元素属性

1. setAttribute():设置属性的值: getAttribute():得到属性的值: removeAttribute():移除属性: 2.offsetWidth:offsetWidth = width+padding+border: clientHeight:clientHeight = width+padding: 3.事件函数里面的event对象,兼容写法:ev || window.event: 4.ev.clientX:鼠标相对于浏览器窗口的左偏移: ev.clientY:鼠标