jQuery基础使用与样式篇

魂&梦

于 2020-05-01 15:00:06 发布

阅读量136

点赞数

分类专栏：其他

本文链接：https://blog.youkuaiyun.com/weixin_44564263/article/details/105877902

版权

其他专栏收录该内容

17 篇文章

订阅专栏

开发工具与关键技术：Visual Studio 2015 jQuery
作者：郭程富
撰写时间：2020年5月1日

知识点：
   jQuery是一个JavaScript函数库。
       jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
       jQuery库包含以下功能：
          HTML 元素选取
          HTML 元素操作
          CSS 操作
          HTML 事件函数
          JavaScript 特效和动画
          HTML DOM 遍历和修改
          AJAX
          Utilities
     jQuery选择器
         页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。
         jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。
         jQuery几乎支持主流的css1~css3选择器的写法，我们从最简单的也是最常用的开始学起:
     ID选择器   $("#id");
         id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。
         原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器
         注意:id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，
将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200501145933856.PNG)
这个是ID选择器。
还有一个元素选择器：
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020050114594914.PNG)

这里就是选择器的，还有一个选择器是层级选择器：
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020050114595879.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2NDI2Mw==,size_16,color_FFFFFF,t_70)

这里就是选择器的样式。