mui项目中如何使用原生JavaScript代替jquery来操作dom 转自【B5教程网】:http://www.bcty365.com/content-146-3661-1.html

【mui项目中如何使用原生JavaScript代替jquery来操作dom 转自【B5教程网】:http://www.bcty365.com/content-146-3661-1.html】的更多相关文章

mui项目中如何使用原生JavaScript代替jquery来操作dom 转自【B5教程网】:http://www.bcty365.com/content-146-3661-1.html

最近在用mui写页面,当然了在移动App里引入jq或zepto这些框架,肯定是极不理性的.原生JS挺简单,为何需要jq?jq的成功当时是因为ie6.7.8.9.10.chrome.ff这些浏览器不兼容,让开发者崩溃,而且pc上浏览器性能好,跨平台兼容也不影响性能.但jq根本就不是为手机设计的.手机上只有webkit浏览器(忽略wp,反正mui不支持wp),根本就不需要jq这种封装框架来操作dom.选择元素//jq$('.el');//js document.querySelector("di…

mui项目中如何使用原生JavaScript代替jquery来操作dom

最近在用mui写页面,当然了在移动App里引入jq或zepto这些框架,肯定是极不理性的.原生JS挺简单,为何需要jq?jq的成功当时是因为ie6.7.8.9.10.chrome.ff这些浏览器不兼容,让开发者崩溃,而且pc上浏览器性能好,跨平台兼容也不影响性能.但jq根本就不是为手机设计的.手机上只有webkit浏览器(忽略wp,反正mui不支持wp),根本就不需要jq这种封装框架来操作dom.选择元素//jq$('.el');//js document.querySelector("di…

记录下项目中常用到的JavaScript/JQuery代码二（大量实例）

记录下项目中常用到的JavaScript/JQuery代码一(大量实例) 1.input输入框监听变化 <input type="text" style="width: 154px" class="text ml5" id="stockSearch"/> $('#stockSearch').bind('input oninput', function () { //onpropertychange var stoc…

原生 JavaScript 代替 jQuery【转】

目录用原生JavaScript代替jQuery Query Selector CSS & Style DOM Manipulation Ajax Events Utilities Promises Animation Alternatives Browser Support License 用原生JavaScript代替jQuery 前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Ang…

四种常见的提示弹出框（success，warning，error，loading）原生JavaScript和jQuery分别实现

原文:四种常见的提示弹出框(success,warning,error,loading)原生JavaScript和jQuery分别实现虽然说现在官方的自带插件已经有很多了,但是有时候往往不能满足我们的需求,下面我简单介绍一些常见的四种提示弹出框(success,loading,error,warning),我分别用原生JavaScript和jQuery来介绍分享给各位博友! 一.首先介绍原生JavaScript来实现四种提示弹出框: 第一步:先看看html的建立 <!DOCTYPE html…

1000多个项目中的十大JavaScript错误以及如何避免

通过统计数据库中的1000多个项目,我们发现在 JavaScript 中最常出现的错误有10个.下面会向大家介绍这些错误发生的原因以及如何防止. 对于这些错误发生的次数,我们是通过收集的数据统计得出的.Rollbar 会收集每个项目中的所有错误,并总结每个错误发生的次数,然后通过各个错误的特征进行分组. 下图是发生次数最多的10大 JavaScript 错误: 下面开始深入探讨每个错误发生的情况,以便确定导致错误发生的原因以及如何避免. 1. Uncaught TypeError: Cann…

记录下项目中常用到的JavaScript/JQuery代码一（大量实例）

一直没有系统学习Javascript和Jquery,每次都是用到的时候去搜索引擎查,感觉效率挺低的.这边把我项目中用的的记录下,想到哪写哪,有时间再仔细整理. 当然,由于我主要是写后端java开发,而前端这几年风起云涌,发展很快,新的技术框架层出不穷,我也就没把心思放这块,目前公司只有前端,没有交互开发工程师,所以我们只能硬顶. 写出来的前端代码很可能没有什么模块意识,也比较混乱,有错误特别正常,希望你看到了在留言中指出来,以免误导他人,谢谢. 0.点击事件的事件函数一般要加return fal…

原生javascript与jquery 的比较

JavaScript的优点和缺点: 优点: 性能:由于JavaScript运行在客户端,节省了web服务器的请求时间和带宽轻量级的脚本语言,比较容易学习运行在用户机器上,运行结果和处理相对比较快. 可以使用第三方附加组件来检查代码片段. 缺点: 安全问题:由于JavaScript在客户端运行,可能被用于黑客目的. 渲染问题:在不同浏览器中的处理结果可能不同. jQuery的优点和缺点: 使用jQuery最大的好处是少量的代码做更多的事情.看个简单例子,获取元素的值,使用JavaScript:…

jQuery学习之路（7）- 用原生JavaScript实现jQuery的某些简单功能

▓▓▓▓▓▓ 大致介绍学习了妙味,用原生的JavaScript实现jQuery中的某些部分功能定义自己的函数库lQuery ▓▓▓▓▓▓ $()选择器的实现 jQuery是面向对象的,所以自己编写的也要是面向对象的,看看基本的结构 // 定义lQuery对象 function lQuery(lArg){ } function lQ(lArg){ return new lQuery(lArg); } // css()方法 lQuery.prototype.css = function(){};…

表单美化-原生javascript和jQuery单选按钮（兼容IE6）

最近很多人问怎么美化表单的元素,大家都知道表单元素在各个浏览器中的表现不一,反正也是特别的丑,那么问题就来了,我们能自己设计表单元素的外观么?答案是可以的,现在我们就来试试吧.我们用两种方式来实现这一效果,一种是用原生的javascript 和一种是现在特别流行的javascript框架jQuery来实现这一效果. 首先我们先来用javascript的方式,不了解原生javascript的童鞋可以跳过这个直接进去jQuery的部分.javascript是前端的基础建议大家还是要学习下原生java…

常见的dom操作----原生JavaScript与jQuery

1.创建元素文本节点 JavaScript: document.createElement(),只接收一个参数,创建后需要手动将其添加到文档树中,例如: var newDiv = document.createElement("div");if(document.body){ document.body.appendChild(newDiv);}else{ document.documentElement.appendChild(newDiv);} document.createTe…

原生JavaScript实现jQuery的hasClass,removeClass,addClass,toggleClass

介绍: 1.hasClass:判断DOM元素是否存在类. 2.addClass:为的DOM元素添加类. 3.removeClass:删除DOM元素的类. 4.toggleClass:如果DOM元素存在(不存在)类,就删除(添加)类. 原生 JavaScript 实现的代码: // 实现方法2:传入一个数组 function hasClass(obj, className) { // obj是数组或伪数组 for(var i = 0,len = obj.length;i<len;i++){ if(…

原生JavaScript和jQuery的较量

JavaScript和jQuery有很多相似知促,那么二者又是如何进行较量,我们先了解一下什么是JavaScript和jQuery,知其源头,才能知其所以然. 简介: [JavaScript] 一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.JavaScript被广泛应用于Web开发中,随着HTML5的发展,JavaScript在将来会有更大的发展和应用的控件. [jQuery] 是一个兼容多浏览器的JavaScript库,其设计理念是write less,do mor…

原生javascript和jquery实现简单的ajax例子

后台C#代码 public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string name = context.Request["Name"]; var data = new T_UsersTableAdapter().GetDataByName(name); JavaScriptSerializer jss = new JavaS…

“checkbox”和“select”对象在javascript和jquery的操作差异做了整理

checkbox checkbox在javascript和jquery中选中和取消的方法 Javascript: document.getElementById("myCheck").checked=true document.getElementById("myCheck").checked=false Jquery: $("#myCheck").attr("checked","checked"); $(…

Javascript学习笔记三——操作DOM（二）

Javascript学习笔记在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原有的内容上进行增添,修改,删除,为了方便操作,Javascript中有些非常实用的属性: 一.innerHTML 二.innerText 三.textContent 等等..我们接下来要操作的就是以上几种属性. 对于<p id = 'test'>Hello!</p> 因为在HTML的…

JavaScript学习05（操作DOM）

操作DOM DOM(文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被结构化为对象树: 通过这个对象模型,JavaScript 获得创建动态 HTML 的所有力量: JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 JavaScript 能改变页面中的所有 CSS 样式 JavaScript 能删除已有的 HTML 元素和属性 JavaScrip…

项目中的那些事---JavaScript

一.String.charAt(index) 作用:获取字符串指定索引位置的字符注意:index的值是0~(字符串长度-1)之间的值 <script type="text/javascript"> var str ="my name is javascript"; var c2 = str.charAt(2); var c3 = str.charAt(3); var c6 = str.charAt(6); var c11 = str.charAt(11…

cordov vue项目中调用手机原生api

cordova不仅可以把vue项目打包成app,还可以让vue借助cordova调用手机原生的api 比如拍照比如图片上传比如定位比如扫描二维码比如支付等等 Vue Cordova教程-Vue+Cordova打造跨平台可安装的混合APP视频教程: https://www.itying.com/goods-937.html 1.使用vue-cordova 插件 (不推荐使用) https://github.com/kartsims/vue-cordova 1.vue项目安装npm inst…

<<< 网页中如何利用原生js和jquery储存cookie

javascript当中的cookie机制,使应用达到了真正的全局变量的要求,cookie是浏览器提供的一种机制,它将document 对象的cookie属性提供给JavaScript.可以由JavaScript对其进行控制,而并不是JavaScript本身的性质,由于cookie机制是把信息储存到硬盘,所以他可以用来做全局变量 cookie有关安全性和作用域 1.cookie可能被禁用.当用户非常注重个人隐私保护时,他很可能禁用浏览器的cookie功能: 2.cookie是与浏览器相关的.这…

表单美化-原生javascript和jQuery多选按钮（兼容IE6）

前些天我们讲了下单选按钮的美化今天来做表单元素多选按钮的美化.我们的想法是:利用多选按钮是否被选中和是否不给选择的特性来为按钮的父元素添加对应的样式,就是说用什么的样式是由按钮的状态来决定. 用到的图片效果代码我就不具体一步一步做了有兴趣的童鞋可以参见下我第一篇美化表单的文章http://blog.csdn.net/qianqianyixiao1/article/details/40422769 首先我们用原生的javascript来做这个效果需要注意的是IE8以下是不支持getEleme…

使用原生javascript实现jquery的$(function(){ })

在使用jquery的时候,经常用到$(function(){})方法或者是$(document).read(function(){})来作为页面dom节点加载完成之后javascript的执行入口,现在可以使用原生的javascipt模拟jquery中 $(function(){});方法 function $(fun){ if(typeof fun !="function"){ throw new typeError('传入的参数不是一个函数'); }else{ …

项目中同一个页面引入不同的jQuery版本的不冲突问题

在写项目的过程中,如果需要使用jQuery时,时长会遇到需要引入不同版本的jQuery,可能上一个负责该项目的人用到的是老版本的jQuery,而你去添加功能时用的是新版本的,这个问题很难避免掉,如果去改代码,可能会浪费很长的时间,下面说一下我的解决方法. 1.在html页面,引入两个不同版本的 jQuery(低版本在前,高版本在后) <script type="text/javascript" src="http://libs.baidu.com/jquery/1.10…

表单美化-原生javascript和jQuery下拉列表（兼容IE6）

效果: 思想:用其他标签配合脚本和隐藏的input并通过传值模拟表单元素中的select <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0} .selectL…

常见浏览器的宽高代码写法！有原生JavaScript和jquery两种写法-------------------------------以及我的个人网站

我的个人网站点击链接!欢迎大家访问下面是网页一些常见的宽高的获取.........这是原生的写法(JavaScript) 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scro…

使用原生javascript和jQuery解析json数据

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式. JSONM文件中包含了关于“名称”和“值”的信息. 有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现. jQuery ajax - getJSON() 方法语法: jQuery.getJSON(url,data,success(data,status,xhr)) 等价于: $.ajax({ url: url, data: data, suc…

项目中git版本控制及协作开发的常用操作（命令行，小乌龟，sourcetree）

一. git命令:https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 小乌龟:https://www.cnblogs.com/xuanwotianming153/p/8504762.html sourcetree:https://blog.csdn.net/chenyufeng1991/article/details/51347083 sourcetree中文件预览时中文乱码: h…