移动端能不能使用jquery 移动可以用吗

   2023-02-08 学习力0
核心提示:本篇内容主要讲解“移动端能不能使用jquery”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“移动端能不能使用jquery”吧!移动端开发能使用jquery,但是并不建议使用;不建议使用是因为jquery屏蔽了浏览器的差

本篇内容主要讲解“移动端能不能使用jquery”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“移动端能不能使用jquery”吧!

移动端开发能使用jquery,但是并不建议使用;不建议使用是因为jquery屏蔽了浏览器的差异,不存在不同浏览器支持的api不同的问题,并且现在各种前端的框架极大的方便了前端的程序开发,而这些框架绝大多数都是不鼓励直接操作DOM的。

本文操作环境:windows10系统、jquery3.6.0版、Dell G3电脑。

移动端能使用jquery吗

首先要说明的是,开发移动端web页面是可以使用jQuery的,但是不建议使用它而已!

之所以不建议再使用jQuery,我想至少有2个原因。

  • 其一是,jQuery有一个特点,这个特点也是被人们津津乐道的一个优点,就是jQuery屏蔽了浏览器的差异

但是这一特点的出发点是基于有一些PC端浏览器不支持javascript标准的api,比如IE,实际情况确实是jQuery有很多代码都是在弥补IE带来的麻烦。这就造成了jQuery特别臃肿,尤其是移动端对流量、页面打开速度要求比较高的情况下,这个本来的优点反而成了缺点。

并且,移动端的浏览器不存在IE这种特立独行的,绝大多数(基本上是所有的)浏览器都是基于webkit核心或者blink核心的,都支持标准的H5  api,所以就更不存在不同浏览器支持的api不同的问题了,如此这般,就愈发凸显了jQuery在统一api方面做出的努力是臃肿的,无意义的,至少在移动web段是如此。

  • 其二是,前端的开发经历了一个过程的,简单的说就是:原生js →js库(jQuery等)→前端框架(Angular,Vue等)。之所以有这样一个变化的过程,原因无非是为了解放程序员,达到更快速开发项目的目的,这一点倒是跟后端的开发技术变化是一个路数。

到了现在各种前端的框架极大的方便了前端的程序开发,而这些框架绝大多数都是不鼓励直接操作DOM的,比如Vue,通过数据绑定机制基本上不需要操作DOM。既然如此,我们都开始使用这些框架了,还不需要操作DOM,我们为何还要抱着jQuery不放呢?

所以,开发移动端web不建议使用jQuery。

到此,相信大家对“移动端能不能使用jquery”有了更深的了解,不妨来实际操作一番吧!这里是***网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

 
标签: jquery
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • 邮箱自动提示Jquery 插件-实战.失败品
    看到很多 SNS 类网站都有 邮箱注册功能. 参考了一下技术过程,触发事件为 focus keyup 和 后缀 mousedown 事件基本匹配过程就可以完成了. 所以写了下面的代码. 对  万一用户 选择错误.目前很多SNS 站都是要 手动删除后另行选择.我就写一个 focus 替换函数. 
    03-08
  • JQuery——事件绑定bind和on的区别
    引言  通过JQuery对目标对象绑定事件我们大部分都是通过$('选择器').事件名()的形式实现,其实对事件的绑定还可以使用on和bind,为了搞明白两者之间的区别特做记录,以备以后查阅。正文  bind和on都是给元素绑定事件用的,但两者在使用时有些差别,我们最
    03-08
  • jQuery select操作
    获取Select选择的Text和Value:$("#select_id").change(function(){//code...});//为Select添加事件,当选择其中一项时触发var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Textvar checkValue=$("#select_id").val(); //获
    03-08
  • React中jquery引用 react 引入css
    React中jquery引用 react 引入css
    在React中引用Jquery比较好玩,获取元素的数据更多1.引入方法举例: 1 import $ from 'jquery'; 23 import { Button } from 'antd'; 45 class testJquery extends React.Component { 67   constructor(props) { 8     super(props); 9 10     this.
    03-08
  • javascript怎么清空一个div里面的内容 jquery
    document.getElementById('BIGDraw').innerHTML = "";$('#BIGDraw').html("");清空div内容  两种都可以 版权声明:本文为博主原创文章,未经博主允许不得转载。
    03-08
  • javascript jQuery 用法 和引用顺序
    引用顺序: 先引css再引js js中先引jQuery,再引jabascript,再引自己写的js 用法:jQuery需要引入一个js文件,并在所有js代码之前  1.找标签:    js: document.getElement....  包含所有的找寻代码     dom对象    jQuery:$(选择器);
    03-08
  • 异步加载统计图组件(jquery+css+div)
    异步加载统计图组件(jquery+css+div)
    操作:http://localhost/test/zimg.html效果: ===============zimg.html代码===============!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/19
    03-08
  • js简单固定table表头及css问题分析。 jquery表头固定列
    js简单固定table表头及css问题分析。 jquery表
    headmeta name="viewport" content="width=device-width" /titleTest02/titlescript src="~/Content/js/jquery-1.7.2.min.js"/scriptscript$(document).ready(function () {$("#tabhead").css("width", $("#MyTable&
    03-08
  • jQuery选择器与CSS选择器
    1. 通过位置选择的几个操作:  :first:默认情况下是相对整个页面来说的第一个,如:li:first表示整个页面的第一个li元素,而ul li:first表示整个页面的第一个li元素,并且是在ul下的子元素;:last:同上了,只是是最后一个而已;:first- child:为每个父元
    03-08
  • 纯CSS实现nav导航栏+jQuery实现article区DIV切换
    纯CSS实现nav导航栏+jQuery实现article区DIV切
    效果图: main.html 代码:1 !DOCTYPE html2 html3 head4 titleMyHomepage/title5 meta charset="utf-8" /6 link type="text/css" rel="stylesheet" href="css/reset.css" /7 link type="text/css" rel="stylesheet" h
    03-08
点击排行