jquery工作原理，jquery的主要作用

深入分析jQuery的ready函数是如何工作的(工作原理)_jquery

1、举个例子来说，在$(document).ready()中定义了图片的宽高，但由于此时图片还没有被加载完毕，此时的宽高不会生效。要解决这个问题可以使用jQuery中的 load ()方法。

2、简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。

3、这个是在页面DOM文档加载完成后加载执行的，等效于$(document).ready(function(){...})； 优于window.onload，后者必须等到页面内包括图片的所有元素加载完毕后才能执行。

4、$()是$(expresion)，即css选择器、Xpath或html元素，通过表达式来匹配目标元素。比如：$(a)构造的这个对象，是用CSS选择器构建了一个jQuery对象——它选择了所有的这个标签。

5、(function(){...})是$(document).ready(function(){...})的简写形式，是在DOM加载完成后调用执行的回调函数，并且只会执行一次。

6、jQuery 的ready 方法在所有的 DOM（文档对象模型） 加载后执行；onload 方法在所有的 DOM （文档对象模型）、文档流全都加载完之后执行。

相关问答

Q1: jQuery学习之prop和attr的区别

1、都有属性的意思，只不过 attr 是操作 html 文档节点属性，prop 是操作 js 对象属性. attr 在 js 中使用的是 setAttribute 和 getAttribute 而 prop 直接使用原生 js 的 element[value] 和 element[value]=key。

2、操作对象不同 很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示属性的意思。不过，在jQuery中，attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性，property表示JS对象的属性。

3、相比attr，prop是1才新出来的，两者从中文意思理解，都是获取/设置属性的方法（attributes和properties）。只是，window或document中使用.attr()方法在jQuery6之前不能正常运行，因为window和document中不能有attributes。

4、只是，window或document中使用.attr()方法在jQuery6之前不能正常运行，因为window和document中不能有attributes。prop应运而生了。

Q2: 学前端是先学JS还是先学jQuery?

总之，学习前端应该先学习JavaScript再学习jQuery。这样可以确保我们掌握扎实的前端基础，并能够更好地理解和运用前端技术。

作为一个前端开发者，我认为在学习的过程中，应该先学好JavaScript，然后再学习jQuery框架。JavaScript是一种通用的编程语言，用于控制网页的动态行为和交互效果。

建议先学javascript，javascript是基础，就好比是地基，再高的楼房，也需要牢固的地基。再就是jquery，是基于原生javascript的一个类库，它只是javascript众多基础库中的一个。

js是基础，jquery是在js基础上产生的框架。所以js应该先去学习。但jquery也是很强大的，在学完js后也应该去涉猎一下。他对很多原生的js进行了一定的封装。如果一定要并行学习的话也是可以的，基础的东西并不会很难理解。

Q3: jquery判断元素是否存在

可以使用length属性来判断一个元素是否存在，获取一个元素后，如果该对象的length大于零则该元素存在否则不存在。

上述代码思路说明 ： 判断某一个元素的集合的个数。若是为0，则代表没有这样元素；若是大于0，则代表有这个元素。

在传统的Javascript里，当我们对某个页面元素进行某种操作前，最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。

如果是判断某一div是否存在，可以给这个div取一个id，通过if($(#id).length0)，则存在，否则不存在。

Q4: 学jQuery之前是不是必须先学Javascript?

1、一般是这样的，学习jQuery之前应该是先要学习JavaScript的，因为jQuery是JavaScript的一个类库，所以学习了JavaScript一些知识才能更好的理解jQuery。首先说一下JavaScript和jQuery的联系和区别吧。

2、在学习前端开发时，我建议您先学习JavaScript（JS），而后再学习jQuery。这是因为JavaScript是前端开发的核心语言，而jQuery是一个基于JavaScript的库，它简化了JavaScript的操作和开发。

3、建议先学javascript，javascript是基础，就好比是地基，再高的楼房，也需要牢固的地基。再就是jquery，是基于原生javascript的一个类库，它只是javascript众多基础库中的一个。

4、以后当你完全学会jquery后，要用到js的时候，百度一下js你一看大概就明白了原生js的意思了。

5、如果对于职业规划来说，当然是需要先学javascript，再学jQuery，毕竟jQuery就是基于javascript的框架。另外，题主先需要知道什么是javascript？什么是jQuery？一切问题就解决了。

Q5: jquery和vue的区别是什么

侧重vue侧重数据绑定，可以应用于复杂数据操作的后台页面。

主体不同 vue.js：是一套用于构建用户界面的渐进式JavaScript框架。jquery：是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。

两者的主要区别：在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。

jQuery是直接来操作DOM的，凭借简化后的API直接和DOM对话（优异的兼容性）；Vue是直接来操作数据的，拿数据说话。Vue.jsVue.js是Javascript家庭的一个新成员。在它的众多优势中，我认为它“易于学习”应该排在首位。

关于jquery工作原理和jquery的主要作用的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。