jQuery为什么这么好用？

一、jQuery为什么这么好用？

还好吧，比较麻烦的css或者js命令用jQuery挺舒服，确实变简单了，但是简易的css或者js命令的话用jQuery变麻烦了。jQuery只是在原有的语言基础上重新封装，什么时候用还是要看情况。比如步骤繁琐的话就用封装，不繁琐的东西用封装就会变得繁琐

二、jQuery 退出前端的舞台了吗？

现在前端已经进入了MVVM时代，但jQuery并不会退出历史舞台，即使没人用xp、win7操作系统，所有人都用chrome也不会。jQuery 手工操作已经存在的 DOM，操作比较精细，性能好但开发效率低，浏览器兼容较好，各个门户主要还是用这个

MVVM

MVVM 解决的是开发效率问题，构建复杂表单比较顺手，大大降低了手工操作DOM的代码量，适合内部应用，管理后台，但MVVM不是万能的

1. 要实现DATA变化的双向绑定，一般浏览器兼容差
2. DOM 动态生成无法 SEO，搜索引擎搜不到
3. 通过数据操作DOM实质上不够精细，有一点性能上的损耗

jQuery

jQuery解决的是远古时代的浏览器兼容问题，将DOM操作做了一层兼容性封装，但其用法本质上与直接使用原生JS接口没有什么不同。

1. 原生操作DOM不可能消失虽然已经有了 document.querySelectorAll(selector) 但有没有觉得 还是 $(selector) 更方便？虽然有了 element.addEventListener(event, handler) 但 $(select).on(event, handler)是不是更简洁？

2. jQuery有一个强大的前端生态

毕竟流行了十几年，目前很多复杂前端组件、框架都基于jQuery，比如说编辑器，日期选择器，自动提示等，你可以用MVVM来重写，但动态渲染DOM与稳定性DOM有先天的性能差距，越复杂的控件MVVM的性能损失越明显。

而且基于jQuery相当于基于原生JavaScript，jQuery可以视为原生API的一层封装，以后没有浏览器兼容问题了，自己实现一个jQuery适配器即可，比如 zepto，所有基于jQuery的组件可以直接用。

三、jQuery为什么还在发布新版本？

把dom操作单单看成新网页或新app开发，那的确可以不用jquery。然而在非app开发上，dom的操作，有很大空间，这是react，vuejs这种网页框架干不了的事情。

第一种，是headless浏览器爬虫。从页面抓信息，这是dom操作的一个强项，而jquery在浏览器里抓信息和python爬虫有个非常大的区别，jquery可以在浏览器渲染和操作后的结果页面进行抓数据，而python只能对最初下载的html文档进行分析。就算python爬虫有一定的渲染和操作能力，其dom的操作能力都无法与jquery抗衡。jquery在网页抓信息的领域还有大作为

第二种，headless流程自动化，对应的在headless流程自动化的过程中，虽然headless浏览器有自己的定位和操作指令，但其实用起来都没jquery顺手。用jquery先一顿骚操作， 再来headless自己的简单流程操作，会让工作更简单。jquery的在流程自动化的辅助上也是有很大作为的。

第三种，greasemoney插件代码。虽然我知道如何在greasemoney中如何加入vuejs代码。但vuejs只是可以编写页面中某个模块而已。对于已经存在的模块没有控制力。你可以进行vue模块替代原来的，但是vue模块和别的模块数据读取或者数据交换，还是必须进行dom操作。在这里jquery会有更好的发挥空间

第四种，debug，当你用dev tool进行debug和实验dom的一些效果，jquery还是最好的工具。像vue工具自能告诉你vue模块上数据结构，修改数据。但浏览器上更多dom的信息，可以通过jquery获取。出来框架模块内的dom信息可以获取，还能获取框架外的。

就这四点，jquery就能有很大作为，而且都是前端框架鞭长莫及的领域。所以jquery还是需要加强维护的

四、jquery 编程的选择器怎么使用？

一、 jQuery 基础选择器

原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。

$(“选择器”)   //  里面选择器直接写 CSS 选择器即可，但是要加引号      

二、 jQuery 层级选择器

知识铺垫

jQuery 设置样式

$('div').css('属性', '值')      

三、 隐式迭代

遍历内部 DOM 元素（伪数组形式存储）的过程就叫做隐式迭代。

简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用。

四、jQuery 筛选选择器

五、jQuery 筛选方法

重点记住： parent() children() find() siblings() eq()

六、jQuery 里面的排他思想

想要多选一的效果，排他思想：当前元素设置样式，其余的兄弟元素清除样式。

$(this).css(“color”,”red”);
$(this).siblings(). css(“color”,””);

案例：淘宝服饰精品案例

• 核心原理：鼠标经过左侧盒子某个小li，就让内容区盒子相对应图片显示，其余的图片隐藏。
• 需要得到当前小li 的索引号，就可以显示对应索引号的图片
• jQuery 得到当前元素索引号 $(this).index()
• 中间对应的图片，可以通过 eq(index) 方法去选择
• 显示元素 show() 隐藏元素 hide()

链式编程

链式编程是为了节省代码量，看起来更优雅。

$(this).css('color', 'red').sibling().css('color', '');     

使用链式编程一定注意是哪个对象执行样式。

五、2023年了，jQuery 怎么样了？

掌握jQuery依旧是许多开发者的“基操”。在对jQuery的评价中，有这么一句流传甚广的话：“任何一个程序员，都可以用三天的时间学会jQuery的基本用法并投入使用”。

学习 jQuery 可以提高你的开发效率和学习曲线。jQuery 它简化了 JavaScript 代码的编写，提供了丰富的 API 和插件，可以让开发者更快速地实现常见的交互效果和功能。

关于前端框架方面：

目前比较火爆的就是React、Vue，大家总是会说大厂用React多，其实不是，也会用vue的。没有什么绝对的，但是学的话，建议初学者和小白选择Vue，肯定是好入门一点。首先是纯中文的文档，而且有最佳解决方案。

简单分享学习步骤：先学基础语法—>高级用法—>掌握框架原理。

在框架的学习之中，实战肯定少不了。不管你是应届生还是转行。面试大厂还是小厂，都需要有实战经验。刚开始大家都会觉得自己做不了项目，没有全局概念。这些都很正常。

项目学习的步骤：找到培训机构项目课—>自己动手练习—>看书—>在GitHub找开源项目—>跑通。

社区精选 | 好的前端社区可以根据其特点和领域进行分类整理：

1. 问答社区

• Stack Overflow（https://stackoverflow.com/）
• Segment Fault（https://segmentfault.com/）
• CNode（https://cnodejs.org/） 这类社区主要提供前端开发者们解决问题的平台，可以在社区中提问、回答问题，获得技术支持和建议。

2. 技术分享社区

• 掘金（https://juejin.cn/）
• GitHub（https://github.com/）
• CodePen（https://codepen.io/） 这类社区主要分享前端开发的最新技术、工具和经验，让前端开发者们了解和掌握最新的前端开发技术。

3. 设计分享社区

• Dribbble（https://dribbble.com/）
• Behance（https://www.behance.net/） 这类社区主要分享设计师们的设计作品，可以帮助前端开发者们提高自己的设计能力，为前端开发的页面设计提供灵感。

4. 学习社区

• FreeCodeCamp（https://www.freecodecamp.org/）
• CSS-Tricks（https://css-tricks.com/） 这类社区提供前端开发者们学习前端开发的平台，包括在线学习课程、教程、示例和实践项目。可以帮助前端开发者们系统学习前端开发知识和技能。

5. 新闻资讯社区

• Hacker News（https://news.ycombinator.com/）
• Smashing Magazine（https://www.smashingmagazine.com/） 这类社区提供前端开发的最新新闻和资讯，可以让前端开发者们了解和掌握最新的前端开发趋势和动态。

前端开发中有很多实用的工具，用对效率翻倍，以下是一些常用的分类：

1. 代码编辑器

• Visual Studio Code (https://code.visualstudio.com/)
• Sublime Text (https://www.sublimetext.com/)
• Atom (https://atom.io/)
• WebStorm (https://www.jetbrains.com/webstorm/) 这些代码编辑器具有代码高亮、自动补全、代码片段、Git 集成等功能，是前端开发必备的工具之一。

2. 版本控制

工具

• Git (https://git-scm.com/)
• SVN (https://subversion.apache.org/) 版本控制工具可以帮助前端开发者们管理代码的版本、协同开发、记录代码变更等操作，使团队合作更加高效。

3. 包管理工具

• npm (https://www.npmjs.com/)
• Yarn (https://yarnpkg.com/) 包管理工具可以下载、安装和管理前端项目中使用的依赖包，使项目开发和部署更加便捷和可靠。

4. CSS 预处理器

• Sass (https://sass-lang.com/)
• Less (http://lesscss.org/)
• Stylus (http://stylus-lang.com/) CSS 预处理器可以扩展 CSS 的语法，并提供变量、函数、嵌套等功能，使 CSS 的编写更加高效和灵活。

5. 自动化构建工具

• Gulp (https://gulpjs.com/)
• Grunt (https://gruntjs.com/)
• Webpack (https://webpack.js.org/) 自动化构建工具可以自动化执行前端开发中的一些任务，如编译、压缩、打包、静态资源管理等，提高开发效率和质量。

6. 在线调试工具

• JSFiddle (https://jsfiddle.net/)
• CodePen (https://codepen.io/)
• JS Bin (https://jsbin.com/) 在线调试工具可以在线编辑和调试 HTML、CSS、JavaScript 代码，并提供实时预览和分享功能，便于快速验证和共享代码。

7. 前端框架

• Vue.js (https://vuejs.org/)
• React (https://reactjs.org/)
• Angular (https://angular.io/) 前端框架
• 可以帮助前端开发者们快速搭建 Web 应用程序，提供了一系列的工具和组件，简化了前端开发的流程。

8. UI 库

• Bootstrap (https://getbootstrap.com/)
• Material Design (https://material.io/)
• Ant Design (https://ant.design/) UI 库提供了一系列的 UI 组件和模板，可以帮助前端开发者们快速搭建 Web 应用程序
• 的用户界面，提高开发效率。

更多自学资源>>>

• 前端自学需要把大量时间放在 HTML、CSS 吗？
• 有哪些必看的 JS 库？
• 前端界有哪些越早知道越好的小技巧、小知识？
• 前端的学习应该怎么规划？
• 什么样的前端才是大公司要的前端？
• github上有哪些有趣、实用的前端开源项目？
• 怎样判断面试者是否有扎实的前端基础？
• vscode 有哪些让人眼前一亮的插件?
• 自学编程，然后学完的知识点很容易就忘了怎么办？

以上内容。大家在学习前端的过程中遇到什么问题，都可以问我 @黑马程序员前端！

六、jQuery用什么编辑器可以实现自动提示？

IDE的话，Aptana、WebStorm都可以

不喜欢繁重的IDE，装jQuery插件的Sublime Text 2是个好选择

七、Jquery-EasyUi 数据网格内容编辑方法是什么？

Jquery-EasyUi 数据网格（datagrid）是一个强大的数据表格组件，它提供了丰富的功能，包括分页、排序、过滤、多选等等。在 datagrid 中，如果需要编辑某个单元格的内容，可以通过以下步骤实现：

设置 datagrid 的编辑功能

在 datagrid 的初始化参数中，需要设置 editabled 属性为 true，这样才能开启编辑功能。示例代码如下：

javascript

Copy code

$('#datagrid').datagrid({

url: 'data.php',

method: 'get',

editable: true,

columns: [[

{field: 'id', title: 'ID', width: 50},

{field: 'name', title: 'Name', width: 100, editor: 'text'},

{field: 'age', title: 'Age', width: 50, editor: 'numberbox'},

{field: 'address', title: 'Address', width: 200, editor: 'text'}

]]

});

在上面的代码中，我们通过设置 editable 属性为 true 开启了编辑功能，并且在 columns 参数中指定了每个列的编辑类型，比如文本框、数字框等等。

实现单元格的编辑

当用户点击某个单元格时，可以通过设置 datagrid 的 beginEdit 方法进入编辑状态，然后在编辑完成后通过 endEdit 方法保存数据。示例代码如下：

javascript

Copy code

// 进入编辑状态

$('#datagrid').datagrid('beginEdit', rowIndex);

// 保存数据

$('#datagrid').datagrid('endEdit', rowIndex);

在上面的代码中，rowIndex 是要编辑的行的索引，当用户点击某个单元格时，可以通过 getRowIndex 方法获取当前行的索引。

获取编辑后的数据

当用户编辑完成后，可以通过 getChanges 方法获取编辑后的数据，然后通过 ajax 请求将数据提交到后台。示例代码如下：

javascript

Copy code

// 获取编辑后的数据

var changes = $('#datagrid').datagrid('getChanges');

// 提交数据

$.ajax({

url: 'save.php',

method: 'post',

data: changes,

success: function() {

alert('保存成功！');

},

error: function() {

alert('保存失败！');

}

});

在上面的代码中，我们通过 getChanges 方法获取编辑后的数据，然后通过 ajax 请求将数据提交到后台，最后在 success 或 error 回调中给用户反馈。

八、UL94阻燃标准，是针对原材料，还是成品？

UL94阻燃测试标准是针对于原材料的性能要求，如果你的原材料是符合UL94阻燃标准，那么你的产品也是符合这个标准的。

可燃性UL94等级是应用最广泛的塑料材料可燃性能标准。它用来评价材料在被点燃后熄灭的能力。根据燃烧速度、燃烧时间、抗滴能力以及滴珠是否燃烧可有多种评判方法。每种被测材料根据颜色或厚度都可以得到许多值。当选定某个产品的材料时，其UL等级应满足塑料零件壁部分的厚度要求。UL等级应与厚度值一起报告，只报告UL等级而没有厚度是不够的。

塑料阻燃等级由HB，V-2，V-1向V-0逐级递增：

HB：UL94标准中最低的阻燃等级。要求对于3到13毫米厚的样品，燃烧速度小于40毫米每分钟；小于3毫米厚的样品，燃烧速度小于70毫米每分钟；或者在100毫米的标志前熄灭。

V-2：对样品进行两次10秒的燃烧测试后，火焰在60秒内熄灭。可以引燃30cm下方的药棉。

V-1：对样品进行两次10秒的燃烧测试后，火焰在60秒内熄灭。不能引燃30cm下方的药棉。

V-0：对样品进行两次10秒的燃烧测试后，火焰在10秒内熄灭。

UL94 可燃性试验包括下述四个测试方法：

1、材料分类为UL94HB的水平燃烧测定方法。

2、材料分类为UL94V-0 ULV-1 ULV-2的垂直燃烧测试方法。

3、材料分类为UL－5V的垂直燃烧测试方法。

4、材料分类为94VT M-0、94VT M-1、94VT M-2的垂直燃烧测试方法。

九、婴儿何时添加辅食以及如何添加最好？

婴儿一般在4至6个月的时候开始添加辅食的。

4~6个月：添加米粉，蛋黄，果汁，咬咬乐这种玩具类辅食工具，可以帮助推进水果汁，边吃边玩；

7~8个月：添加半固体的食物，如菜泥，肝泥，肉泥，鱼泥等，选择一个合适的辅食勺，轻轻一刮，即可成泥；

9~11个月：可以由半固体的食物，逐渐过渡到可以咀嚼的软固体食物，如面粥，面条，米饭，蛋糕，肉丸，鱼丸，馄饨等；

12~15个月：可以逐渐转化为固体食物为主的辅食，这时候一个颜值高的餐盘，更能获得宝宝青睐哦。

婴儿添加辅食的原则：从一种到多种，从少量到多量，从稀到稠，从细到粗，少盐不甜。

十、pdf添加页码？

看你说了一大堆确实是挺麻烦的，要是自己手动一个个编辑稍微出现点小错误就完蛋了，那么问题来了，好兄弟你为啥不下载使用一款PDF编辑软件进行编辑修改呢？看你懒得麻烦，我就把我用了多年的PDF编辑神器传授给你吧（链接在下方）软件无广告哦，编辑过程中有啥不懂的或者软件优惠什么的都可以找客服，客服小姐姐服务挺好的，安装包也不大，就几M而已，个人反正不是很推荐那种在线编辑器，为啥呢，这是因为一般来讲线上的编辑器都会对PDF文件的大小有所限制，像你这么大的文件一般是打不开的。那我就给你讲讲咋用这个软件给PDF文件添加页码吧！

操作步骤：首先我们要把需要编辑的PDF文件用万兴PDF这款软件打开，在软件的主界面中找到编辑功能选项，随后在下方子菜单里找到并点击文档选项中的页眉页脚，同时你也可以看到在子菜单的右方菜单中有贝茨码工具。随后点击编排页码工具之后，在页面中手动选择好页码的初始页面，然后在页面的风格中选择需要添加的内容，选择完成之后，点击确定就完成操作了。

页码设置完成后，点击开始菜单按钮，在下拉菜单中找到保存以及另存为选项，将添加页码后的PDF文件保存到目标文件夹即可。这样为PDF添加页码的操作就完成啦！

顶一下

(0)

0%

踩一下

(0)

0%