jQuery学习笔记

最新推荐文章于 2024-02-09 05:30:00 发布

霜梓

最新推荐文章于 2024-02-09 05:30:00 发布

阅读量181

点赞数

文章标签： javascript jquery

本文链接：https://blog.csdn.net/qq_30702769/article/details/112661855

版权

这篇jQuery学习笔记介绍了jQuery的核心功能，包括HTML元素选取、操作、CSS操作和事件处理。jQuery的安装可通过引入官方库，基础语法是$(selector).action()。文章详细讲解了基础选择器如ID、标签和类选择器，以及层级和过滤选择器的用法，为初学者提供了全面的指导。

摘要由CSDN通过智能技术生成

jQuery，即 JavaScript 和查询（Query），是辅助 JavaScript 开发的 javaScript 类库。
核心思想：“写的少，做的多”
主要功能：

1、从jQuery官网中下载jQuery 库（.js文件），然后可以使用 HTML 的

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。
jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法： $(selector).action()，即包含三要素：

基础选择器	说明
$(“#id 属性值”)	id 选择器，根据 id 查询标签对象
$(“标签名”)	标签名选择器，根据指定的标签名查询标签对象
$(“.class 属性值”)	类型选择器，可以根据 class 属性查询标签对象
$("*")	匹配所有元素
selector1,selector2,selectorN	组合选择器，将每一个选择器匹配到的元素合并后一起返回

事件action: 执行对元素的操作
注意：
$ 是 jQuery 的核心函数，除了选择HTML元素外，$()还能完成很多功能。
1、传入参数为 [ function ] 时：表示页面加载完成之后。相当于 window.onload = function(){} ：
作为jQuery 入口函数，不要忘记写了。

        $(function(){
            //执行代码           
        })

2、传入参数为 [ HTML 字符串 ] 时：会对我们创建这个 html 标签对象
3、传入参数为 [ DOM 对象 ] 时：会把这个 dom 对象转换为 jQuery 对象

jQuery 选择器除了基于元素的 id、类、标签名等查找HTML 元素。还有一些自定义的选择器。