1.30日总结

最新推荐文章于 2024-05-30 13:59:14 发布

Ysq第十九年秋.

最新推荐文章于 2024-05-30 13:59:14 发布

阅读量32

点赞数

文章标签： javascript jquery 前端

本文链接：https://blog.csdn.net/m0_70738892/article/details/128809665

版权

1.1什么是jQuery

jQuery是一个快速、简洁的Javascript框架,于2006年1月发布。

1.2 jQuery 特点

1.3 如何使用jQuery

使用jQuery的三个步骤：

1.引入 jQuery文件；

2.入口函数；

3.功能实现。

1.3.1 引入jQuery文件

1.3.2 入口函数

// 简洁版
$(function(){
  // 此处是页面DOM加载完成的入口
})

jQuery入口函数和js入口函数区别：

JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。

jQuery的入口函数只会等待文档树加载完成就开始执行，并不会等待图片、文件的加载。

1.4 jQuery事件的链式写法

jQuery对于每一个方法，在调用成功后将返回此对像本身。

在每一个事件的内部，将会包含一个this对像，此 this是DOM对像，如果希望能像jQuery对像一样使用它，必须使用$(this)将它转成jQuery对像。

$(function() {
  $("button").click(function(){
    $(this).css().siblings("button").css();  // 对自己设置变化,给其他兄弟去掉变化
  })
})

1.5 jQuery对象和DOM对象

1.5.1 什么是jQuery对象

jQuery对象就是通过 jQuery包装DOM对象后产生的对象。

jQuery对象是jQuery独有的。如果一个对象是jQuery对象，那么它就可以使用jQuery里的方法。

$("#test").html;

1.5.2 jQuery对象与DOM对象之间的转换

DOM对象转为jQuery对象:

对于已知的DOM对象，只需要用s( 把DOM对象包装起来，就可以获得一个jQuery对象了。

2.1 什么是jQuery选择器

jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。

jQuery选择器有很多，基本兼容了CSS到CSS3所有的选择器，并且jQuery还添加了很多更加复杂的选择器。

2.2 基本选择器

2.3 层次选择器

名称	用法	描述
子代选择器	$(“ul>li”);	使用 > 号，获取儿子层级的元素；注意，并不会获取孙子层级的元素
后代选择器	$(“ul li”);	使用空格，代表后代选择器，获取 ul 下的所有 li 元素，包括孙子等

3.1 基本属性选择器

3.2 操作标签的属性

4.1 基本选择器