本篇内容主要讲解“移动端能不能使用jquery”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“移动端能不能使用jquery”吧!
移动端开发能使用jquery，但是并不建议使用；不建议使用是因为jquery屏蔽了浏览器的差异，不存在不同浏览器支持的api不同的问题，并且现在各种前端的框架极大的方便了前端的程序开发，而这些框架绝大多数都是不鼓励直接操作DOM的。
本文操作环境：windows10系统、jquery3.6.0版、Dell G3电脑。
移动端能使用jquery吗
首先要说明的是，开发移动端web页面是可以使用jQuery的，但是不建议使用它而已！
之所以不建议再使用jQuery，我想至少有2个原因。
但是这一特点的出发点是基于有一些PC端浏览器不支持javascript标准的api，比如IE，实际情况确实是jQuery有很多代码都是在弥补IE带来的麻烦。这就造成了jQuery特别臃肿，尤其是移动端对流量、页面打开速度要求比较高的情况下，这个本来的优点反而成了缺点。
并且，移动端的浏览器不存在IE这种特立独行的，绝大多数（基本上是所有的）浏览器都是基于webkit核心或者blink核心的，都支持标准的H5 api，所以就更不存在不同浏览器支持的api不同的问题了，如此这般，就愈发凸显了jQuery在统一api方面做出的努力是臃肿的，无意义的，至少在移动web段是如此。
到了现在各种前端的框架极大的方便了前端的程序开发，而这些框架绝大多数都是不鼓励直接操作DOM的，比如Vue，通过数据绑定机制基本上不需要操作DOM。既然如此，我们都开始使用这些框架了，还不需要操作DOM，我们为何还要抱着jQuery不放呢？
所以，开发移动端web不建议使用jQuery。
到此，相信大家对“移动端能不能使用jquery”有了更深的了解，不妨来实际操作一番吧！这里是***网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
查看更多关于【Jquery】的文章
邮箱自动提示Jquery 插件-实战.失败品
看到很多 SNS 类网站都有 邮箱注册功能. 参考了一下技术过程,触发事件为 focus keyup 和 后缀 mousedown 事件基本匹配过程就可以完成了. 所以写了下面的代码. 对 万一用户 选择错误.目前很多SNS 站都是要 手动删除后另行选择.我就写一个 focus 替换函数.
0评论2023-03-08353
JQuery——事件绑定bind和on的区别
引言 通过JQuery对目标对象绑定事件我们大部分都是通过$('选择器').事件名()的形式实现，其实对事件的绑定还可以使用on和bind，为了搞明白两者之间的区别特做记录，以备以后查阅。正文 bind和on都是给元素绑定事件用的,但两者在使用时有些差别，我们最
0评论2023-03-08787
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(); //获
0评论2023-03-08577
javascript jQuery 用法 和引用顺序
引用顺序： 先引css再引js js中先引jQuery，再引jabascript，再引自己写的js 用法：jQuery需要引入一个js文件，并在所有js代码之前 1.找标签： js： document.getElement.... 包含所有的找寻代码 dom对象 jQuery：$(选择器)；
0评论2023-03-08741
jQuery选择器与CSS选择器
1. 通过位置选择的几个操作： :first：默认情况下是相对整个页面来说的第一个，如：li:first表示整个页面的第一个li元素，而ul li:first表示整个页面的第一个li元素，并且是在ul下的子元素；:last：同上了，只是是最后一个而已；:first- child：为每个父元
0评论2023-03-08367
jquery 初始化数据 添加html 第一次玩0.0
1 /**2* Created by Eee_xiang on 2018/04/12.3* 联动响应事件4*/5 (function () {6 $.linkEvent = function (options) {7 var _this = this;8 var defaults = {9 elId: "", 10 groups : [], 11 fields : [], 12 data:{} 13 }; 1415 var options = $.extend(d
0评论2023-03-08583
jQuery 删除或是清空某个HTML元素。
jQuery使用下面两个方法来删除或是清空某个HTML元素。remove() – 删除指定的元素（包括其子元素）empty() – 清空指定元素的子元素
0评论2023-03-08894
jquery 循环获取某一列 td里面的值相加 追加到html中
script type="text/javascript"var mod = '?=seg(1)?';// //子基金基本情况统计if(mod == 'tj_tzjc'){ //插入最后一行tr 然后进行叠加 var html="trtd class='nowrap align-center'总计/tdtd class=' 'td class=' '/tdtd class=&#
0评论2023-03-08987
jquery动态生成html代码绑定事件
今天工作中需要在页面动态生成html代码,但发现新生成的代码的click事件失效了(非动态生成的代码已经绑定了click事件),于是在网上找了很多解决办法,很多都比较复杂,且使用的jquery都比较老,于是结合网上加上自己的测试,找到了一种解决方法。 我使用的jq
0评论2023-03-08440
webpack安装jQuery报错 webpack安装失败
使用webpack搭建项目，并使用了node下载了jQuery使用，使用命令行完成构建时发现报错了，ERROR in ./node_modules/jquery/lib/node-jquery.jsModule not found: Error: Can't resolve 'jsdom'...ERROR in ./node_modules/jquery/lib/node-jquery.jsModule not
0评论2023-03-08982
webpack中设置jquery为全局对象 webpack全局安装和局部安装
####### 通过npm安装jquerynpm install jquery -D然后配置webpack-config.jsplugins: [new webpack.ProvidePlugin({$: "jquery",jQuery: "jquery","window.jQuery": "jquery"})],然后在全局中就可以直接使用$了
0评论2023-03-08822
webpack中使用jquery webpack jq
首先我只有一个js文件，只用在那个文件中引入，因此一 下载包 npm install jquery --save二 在使用的jquery的文件顶部输入js代码import $ from 'jquery'window.$ = $window.jQuery = $三 下面就可以正常使用了完整实例html文件插入div id="d1"/divdetai
0评论2023-03-08553
angular-cli 项目如何引入jQuery 或者bootstrap?
1. 首先确保你的node_module中安装了jquery 或者 bootstrap,如果没有 执行以下命令npm install jquery --save-dev2. 打开angular-cli.json文件夹，在scripts:[]属性中添加如下代码//jQuery 文件或者 bootstrap 文件路径"../node_modules/jquery/dist/jqu
0评论2023-03-08651
web前端全部课件（html5+CSS3+javascript+dom+bom+jquery+jqm+bootstrap+angular+ext+weixin+less）
body { width: 100%; font-size: 16px }a { color: rgba(51, 51, 51, 1); text-decoration: none }p { padding-left: 50px }a:hover { color: rgba(255, 0, 0, 1) }.ppt { color: rgba(0, 0, 255, 1) }.ask { color: rgba(255, 0, 0, 1) }.answer { color: rg
0评论2023-03-08643
