JQuery(javascript框架)

目录

• 一、学习要点
• 二、介绍
• 三、官网下载版本选择
  • 1.发行版
  • 2.开发版
• 四、用法
  • 核心语法
  • 1引入jQuery文件
  • 2调用核心函数
  • 选择器(重要！！！)
    • 注意
    • 1.id选择器（有#）
    • 2.样式/类选择器（样式就是head里面的style，body里面的class，有.）
    • 3.标签选择器（没.）(没有.也没有#就是操纵全部的意思，有才是选择特殊的东西的意思)
    • 4.所有选择器
    • 5.组合选择器（用逗号隔开）
    • 6.表单选择器(根据属性值选择标签)
    • 7.基本过滤器
    • 8.理解disabled
  • 绑定事件
• 其他的看文档就行了！反正这玩意和js作用一样，只不过是简化版，而且和CSS选择器一样。
• 什么是“元素”
• 注意区分“属性”与“样式”

一、学习要点

知识不可能完全100%懂，要温故而知新，多复习。
知道最关键的东西就行，其他的东西在用的适合查资料，查文档就行了。
提前看看https://www.cnblogs.com/rjzheng/p/11531865.html

二、介绍

js框架，封装了很多js的不方便的操作，使得代码量更加少。

三、官网下载版本选择

1.发行版

compressed,压缩版，文件后面带min，是没压缩版的1/3

2.开发版

uncompressed,非压缩版，文件后面不带min

四、用法

核心语法

$()

1引入jQuery文件

下载jQuery的js文件，在body后面加上以下语句即可

<script type="text/javascript" src="./jquery-3.6.0.js"></script>

2调用核心函数

说明：$(document)表示把document转换为jquery对象

标准写法：$(document).ready(function(){这里面的东西会在页面加载完成后执行})
简化写法（常用写法）：$(function{这里面的东西会在页面加载完成后执行})

选择器(重要！！！)

注意

下面的知识和css选择器完全一样，可以同时学习！也可以和Scrapy爬虫的css选择器共同学习。

1.id选择器（有#）

$("#id")；

2.样式/类选择器（样式就是head里面的style，body里面的class，有.）

$(".id")；

3.标签选择器（没.）(没有.也没有#就是操纵全部的意思，有才是选择特殊的东西的意思)

$("tag")
修改样式：$("#id).css("样式","样式属性值")；

4.所有选择器

$("*")

5.组合选择器（用逗号隔开）

$(",,,")

6.表单选择器(根据属性值选择标签)

$(":属性值")

7.基本过滤器

• 根据选择到的标签来添加条件进行过滤。

$("选择器:first")
$("选择器:last")
$("选择器:eq(数组下标)")
$("选择器:lt(下标)")选择小于下标的，下标是从0开始的
$("选择器:gt(下标)")大于下标的，下标是从0开始的

8.理解disabled

加入了disabled属性后，文本框、复选框等等都会无法修改，变成禁用状态。

绑定事件

例如给标签单击绑定一个事件，这个事件里面的动作用匿名函数function来表示$(选择器).click(function(){函数要做的事情写在这个里面})

其他的看文档就行了！反正这玩意和js作用一样，只不过是简化版，而且和CSS选择器一样。

什么是“元素”

所谓元素，即html文档里面，所有的标签都可以称之为元素。
所以“创建元素”就是在html里面创建一个标签。

注意区分“属性”与“样式”

• 属性是标签里面,一般只有一个属性值
• 样式是css里面的，一般有多个属性值