JQuery

1.初识JQuery
2.JQuery的安装
3.JQuery选择器
- 3.1标签选择器
- 3.2元素选择器
- 3.3Class选择器
- 3.4组合选择器
- 3.4 *选择器
4.jquery对象转换
5.css方法
6.attr()函数
7.val()
8.JQuery事件bind()
- 8.1单击事件
- 8.2 双击事件
9.JQuery动画（了解即可）

1.初识JQuery

对JS进行了封装，是一个js文件
JQuery=JavaScript+Query
JQuery不属于jsp的内容，可以不使用jsp页面编写

2.JQuery的安装

1.从jquery官网下载
2.通过网上的cdn链接
注：后缀带min的是精简过的迷你版本
第二种安装方式需要联网才能使用

3.JQuery选择器

html获取控件的方法：
document.getElementById();
document.getElementsByTagName(); document.getElementsByName();
document.getElementsByClassName();

3.1标签选择器

var temp2=$("#pdemo");
console.log(temp2.html());

3.2元素选择器

var temp4=$("p");
console.log(temp4.html());

3.3Class选择器

var temp=$(".伪类名称");

3.4组合选择器

$("ul , .red")//组合选择器
$("ul > .red")//父子选择器

<ul><li class="red">西红柿</li><li class="blue">土豆</li>
</ul>
<p class="red"></p>
<script type="text/javascript">var list=$("ul .red");//子孙后代选择器console.log(list.innerHTML);//console.log(list[0].innerHTML);
</script>

+：隔壁选择器
~：邻居选择器

3.4 *选择器

通配符：选择全部的元素

console.log($('*'));

包括html、head、body、title等

4.jquery对象转换

var obj=$('id')[0];//jquetry转dom
var obj=$(dom元素)//dom转jquery

$()页面加载完成后执行的方法

5.css方法

$('.red').css("color",'red');

6.attr()函数

添加属性：

$('#id名').attr("属性","值");

单个参数表示获取该属性的值
两个参数表示给属性赋值

7.val()

无参：获取值
有参：设置控件的值
html(）、text()

8.JQuery事件bind()

8.1单击事件

  $('button').bind('click',function(){alert();});

8.2 双击事件

  $('button').bind('dblclick',function(){alert();});

9.JQuery动画（了解即可）

$(‘选择器’).hide()方法：隐藏
$(“选择器”).show():展示
toggle()方法：hide和show的结合

2020-11-04课堂笔记之JQuery相关推荐

2020.11.26课堂笔记(sparkGraphx算法之pregel)
参考博客:https://blog.csdn.net/hanweileilei/article/details/89764466 大佬博客写的很详细,不用继续看这篇了,随便写一些记录一下. Prege ...
2020.11.10课堂笔记(Apache Spark 分布式计算原理)
Spark WordCount运行原理一.RDD的依赖关系为什么需要划分Stage 数据本地化- 移动计算,而不是移动数据保证一个Stage内不会发生数据移动 Lineage:血统.遗传 RDD ...
2020.8.4课堂笔记（IO 缓冲流，对象流）
课前复习: 1.什么是io流,如何分类流向: 输入:InputStream,Reader 输出:OutputStream,Writer 按读取的单元: 字节流:InputStream,OutputS ...
2020.10.20课堂笔记(java8新特性 lambda表达式)
一.什么是Lambda? 我们知道,对于一个Java变量,我们可以赋给其一个"值". 如果你想把"一块代码"赋给一个Java变量,应该怎么做呢? 比如,我想把右 ...
2020.4.22课堂笔记（继承、多态、抽象类、抽象方法）
在继承的情况下,子类的方法满足以下条件: 1.方法名相同 2.参数列表相同 3.返回值类型相同,或者是父类返回值类型的子类 4.访问修饰符的权限不能小于父类方法 5.抛出的异常不能大于父类(严于) 多 ...
2020.8.5课堂笔记（多线程）
线程的创建方式: 继承Thread类: 实现Runnable接口实现Callable接口 1.创建线程有哪几种方式 2.start()和run()方法的区别 3.什么是线程安全,通过什么方式实现线程 ...
2020.11.04 使用OpenCV进行图像阈值分割操作【OpenCV C++】
使用函数threshold()进行图像分割源代码: // testOpencv13.cpp : 此文件包含 "main" 函数.程序执行将在此处开始并结束. // #includ ...
11.11计算机网络课堂笔记
传输层 TCP 流量控制读取的慢,发送过来的快,需要协调发送方和接收方的速率,防止缓冲区溢出导致丢包拥塞控制太多的数据源发送了太多的数据当网络的发送和接收速率接近带宽上限时,流量强度接近1,排 ...
2020.11.04@中国光大银行笔试
光大银行信息科技部技术综合试卷在线考试编程题|25.0分1/2 曹老板的求贤令(AC) 时间限制: 3000MS 内存限制: 589824KB 题目描述: 曹老板准备攻打吕布,为扩充战力颁布了求贤 ...

2020-11-04课堂笔记之JQuery