0


jQuery的知识汇总

1.什么是jQuery?

jQuery是JavaScript库,也即jQuery中是封装了很多的javaScript语句,函数。相当于Java的工具类,其也是一款跨主流浏览器的JavaScript库,简化了JavaScript对HTML,Dom的操作。大约是在2004年左右出现的。

所以我们可以认为:jQuery是JavaScript写的,所以我们可以在HTML,jsp页面使用jQuery。

2.为什么要使用jQuery?

原因是:我们在JavaScript中获取Dom对象比较复杂,写的很多,如document.getElementById(''),

document.getElementByName()等。因此就有大佬,决定对这种固定的且没有技术含量的方法进行封装,提升我们的开发效率。

下面给出简单的封装函数,封装的函数的名字就叫做**$**。

当然,大佬封装的肯定还有其他东西,上面的图片仅仅是告诉你,高手最初大概是怎么想的。

3.如何使用jQuery?

  • 下载jQuery文件
  • web文件夹下,引入jQuery文件
  • jsp或者html页面中使用<script type = '' src=''></script>引入

4. dom对象与jQuery对象

dom对象:在Javascript中使用document.getElementById()的方式得到就是dom对象。

jQuery对象:使用jQuery方式得到的对象。这里要注意:jQuery方式得到的都是一个数组,即使只有一个元素,这个元素也是被放在数组中的。即:这个数组就是jQuery对象。我们需要将这个数组中的单个元素拿出来,这个从数组中拿出来的对象才是dom对象。

两者的转换关系如下:

*** 那为什么要进行dom对象与jQuery对象的转换呢??***

原因是:dom对象有自己的方法和属性,而jQuery对象也有自己的方法和属性,这些方法和属性有些许的不同,因此我们在使用的时候,要确定这些方法是dom对象调用的还是jQuery对象调用的。

5.jQuery的核心:选择器

选择器是用来定位dom对象的,选择器的结果就是jQuery对象。

  • $('#id') id选择器
  • $('.类名') 类名选择器
  • $('标签名') 标签选择器
  • $('*') 所有选择器
  • $('#id,类名,标签名') 组合选择器
  • $(':input标签中的属性') 表单选择器

6.jQuery中常见的函数

7.jQuery的过滤器

8.jQuery中绑定事件



冲啊,希望赶紧把笔记都整理好,腾到网络上,好几本书,一边写,一边复习。

虽然上的图有点多了,但是我觉得用图比我用汉字描述的理解效果更好。。。

加油!!!


本文转载自: https://blog.csdn.net/weixin_44362089/article/details/127152173
版权归原作者 白胡子永远 所有, 如有侵权,请联系我们删除。

“jQuery的知识汇总”的评论:

还没有评论