最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：

console.log(d.offset§);

})

5.outerHeight()和outerWidth()方法

---

例如：

1.outerHeight()和outerWidth()方法，包括了padding,margin,border，注意上下要双倍。

2.这里默认为false，是不添加margin的，想要计算margin，就要添加true。

3.添加true，来加上margin的计算

6.position()方法

---

position()方法和offset()方法的坐标不一样！

例如：

1.position()方法所指定的元素是和父级元素所确定的坐标。

2.这里和offset()方法不一样!offset是和左上角最顶端定位的。

内部里面。

7.srollLeft()和scrollTop()方法

---

例如：

1.这两个方法一般和overflow属性配合使用。

2.scrollTop方法改变开始的垂直坐标位置。

3.scrollLeft方法改变开始的水平坐标位置。

您好啊

hello

2.jQuery 过滤

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

1.eq(index)方法

---

index是索引。

例如：

1.eq方法通过index来找到相应的元素！

2. 这里注意index索引从0开始

3.eq方法的索引也可以是负数，也就是倒着来决定。

• li 1
• li 2
• li 3
• li 4

• 2.filter()方法

  ---

  1.filter选择器，:odd和:even，注意的是也是从0开始的。

  2.filter选择器，通过是用class名来选择。

  3.filter方法接受一个函数，返回一个只有一个string标签的元素，来执行css事件。

  例如：
• li 1
• li 2
• li 3
• li 4
• 
  
  
  
  

• s1

• s2

  s3

  3.first()和last()方法

  ---

  顾名思义，就是获取匹配元素的第一个或者最后一个元素。

  例如：
• li 1
• li 2
• li 3

• 4.has()方法

  ---

  匹配是否含有has()方法里内容，包括子代元素，是否匹配。

  例如：
• li 1
• li 2
• li 3
• li 1
• li 2
• li 3

• 5.is()方法

  ---

  判断是否是is中的内容，是，返回true；否，返回false。

  例如：

  注意点击strong和span是无效的，因为target指向li标签。
• listitem 1
• list item 2
• list item3

• 6.not()方法

  ---

  not，就是不是，的意思。读代码的时候就翻译成不是就可以。
• listitem 1
• list item 2
• list item3

• 7.map()方法

  ---

  map()方法是使用函数来运行的，它会产生一个新的jQuery对象。

  1.下面是使用map打印出div的id名。

  2.使用map来给数组中的每一个数值加4

  例如：

  8.slice()方法

  ---

  slice()方法根据下表范围，过滤匹配元素，并且生成一个新的jQuey对象。

  参数有两个：

  start：起始下标 0，从0开始。

  end：终止下标 包含首，不包含尾。

  1.注意包含首，不包含尾。

  2.如果只有一个参数，就一直执行到最后。

  学习分享，共勉

  题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

  的id打印出来。

  $(“div”).map(function(){

  console.log(this.id);

  })

  })

  var s = [1,2,3];

  console.log($(s).map(function(n){

  return n+4;

  }))

  8.slice()方法

  ---

  slice()方法根据下表范围，过滤匹配元素，并且生成一个新的jQuey对象。

  参数有两个：

  start：起始下标 0，从0开始。

  end：终止下标 包含首，不包含尾。

  1.注意包含首，不包含尾。

  2.如果只有一个参数，就一直执行到最后。

  学习分享，共勉

  题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  [外链图片转存中…(img-jvlol5tt-1715582378859)]