JQuery入门，【吐血整理】，2024国内知名大厂前端岗面经

<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

<% pageContext.setAttribute(“ctx”,request.getContextPath());%>

JQuery显示页面

<%–#是链接到本页面–%>

你好

在这里插入图片描述

4.传入参数为DOM对象时，将DOM对象包装成JQuery对象返回

在这里插入图片描述

dom对象转jquery对象----》$(dom对象)

<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

<% pageContext.setAttribute(“ctx”,request.getContextPath());%>

JQuery显示页面

你好

在这里插入图片描述

jquery对象转dom对象----》jquery对象[0]

jquery查找出来的对象，返回的都是原始的dom对象数组，即使只找到一个。因此我们需要用数组下标去取出来

<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

<% pageContext.setAttribute(“ctx”,request.getContextPath());%>

JQuery显示页面

你好

在这里插入图片描述

按钮变色小案例

<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

<% pageContext.setAttribute(“ctx”,request.getContextPath());%>

JQuery显示页面

变变变

使用原生Dom方法，改变颜色

将Dom对象转化为jquery对象，改变颜色

使用JQuery对象，改变颜色

将Jquery对象转化为dom对象，改变颜色

在这里插入图片描述

选择器

==================================================================

多个属性选择器并排写，选取结果为取交集。

基本选择器

基本选择器里面补充的组合选择器

层级选择器

在这里插入图片描述

基本过滤选择器

内容过滤选择器

可见性过滤选择器

属性过滤选择器

子元素过滤选择器

在这里插入图片描述

子元素过滤器里面nth-child(2n-1),这里的n是从1开始取值

在这里插入图片描述

表单里面的button标签，会被默认作为submit提交按钮

表单对象选择器

表单对象属性过滤选择器

表单选择器加表单对象属性过滤选择器完整版本

jquery里面提供的增强for循环.each方法

在这里插入图片描述

对选择器的小总结

选择器的小总结

元素筛选方法----对选择器筛选后的方法，再次进行筛选

==========================================================================================

jQuery选择器总结(选择器+元素筛选)

jQuery选择元素的方法补充

next筛选出来的是下一个紧邻元素，如果$(“#one”).next(“span”)那么下一个紧邻元素必须是span标签，否则查找不到

next选出来的是兄弟元素，不会选出子元素

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。