最全jQuery入门学习案例，语法、元素、事件、选择器、常用方法，看了这篇文章我才真正理解了

最后

对于很多Java工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。

整理的这些资料希望对Java开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

再分享一波我的Java面试真题+视频学习详解+技能进阶书籍

美团二面惜败，我的凉经复盘（附学习笔记+面试整理+进阶书籍）

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

3 jQuery元素

Jquery调用函数时都要使用jquery元素。

以前我们学习过dom元素。Jquery元素跟dom元素很像。都表示一个html中的标签。

dom元素和jquery元素的区别：

js获取到的元素是dom元素。有两种方式，一种是根据id获取dom元素，Document.getElementById();

另一种是根据name获取到元素数组。

Jquery获取到的是jquery元素。$(“标签名”)
两种元素都表示一个标签，但是不会混用方法。Jquery元素有jquery元素的方法。Dom元素不能调用。Dom元素有dom元素的方法，jquery元素调用不了。

111

获取jquery元素的方式有很多。

$ (“标签名”)这个是获取元素的一种方式。Jquery中获取元素的方式有很多。但是他的语法都是$(“选择器”);

Jquery元素和dom元素的相互转换

jquery转dom----------jquery元素.get(0);
Dom转jquery---------$(dom元素)

例如：

111

4 选择器

4.1 基本选择器

$ (“标签”) ：标签选择器

$ (“#id”) : id选择器

$ (“.class”) ：Class选择器

交集选择器：两个选择器都满足的。$ (“input.test”)选择到class为test的input标签

并集选择器：$ (“input,div”)两个选择器用逗号分隔。表示选中input标签和div标签。

4.2 表单选择器

$(“:text”):选择到type=”text”的文本框。

$(“:button”):选择到type=”button”的按钮。

$(“:checked”):处于选中状态的复选框。

$(“:checkbox”):获取到type为checkbox的表单元素

4.3 属性选择器

$(“[属性名=属性值]”)

4.4 过滤性选择器

$(“input:first”):第一个input标签。

$(“input:eq(0)”)：索引为0的input标签

$(“input:eq(5)”):索引为5的input标签

$(“input:last”)：最后一个input标签

$(“tr:gt(0)”):选中索引大于0的所有tr标签。

$(“tr:not(:first)”)选中不是第一个的tr标签。

4.5 层次选择器

后代选择器 $(“form .test”):选择到form标签里面class为test的所有标签。

注意：

空格不能乱加，有空格了就是后代选择器。没有空格就是交集

子选择器

$(“form > .test”)：找到form标签的class为test的子标签。

5 Jquery元素的方法

5.1 Dom操作相关的方法

Html():获取或者设置标签的内容。带参表示设置，无参表示获取

当赋值时，jquery元素被选中几个，这些元素都会被正常赋值。但是，如果是取值，只能取到第一个元素的值。

Prop()：获取或者设置元素的属性值。Prop(“src”)：获取元素的src属性，两个参数表示给src属性赋值。

Css():可以设置元素的样式。一个参数是获取样式，两个参数是设置样式。

Size()：可以获取到选择器选中的元素的个数

Is():参数是一个选择器。Jquery元素.is(“选择器”)：判断jquery元素是否满足了is参数里面的选择器

Prev():找元素的紧邻的哥哥。

Next():找元素的紧邻的弟弟。

Children():找元素的亲儿子。

Val()等价于prop(“value”):表示获取文本框的value属性。

Parent():找当前元素的父元素。

Remove();删除掉当前元素。

5.2 事件

把js中的事件去除掉on
在jquery中事件都是函数，在js中事件是属性。

Jquery元素.click(function(){});

Click(function(){