JQuery函数对象,选择器

本文详细介绍了jQuery的核心功能,包括通过选择器获取DOM对象,如基本选择器、层次选择器和兄弟选择器等。jQuery对象是一个类数组,支持对DOM的批量操作。同时,文章还探讨了如何在DOM加载完成后使用匿名函数进行处理,以及DOM对象与jQuery对象之间的转换。此外,jQuery的选择器功能强大,能够高效地定位和操作网页元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery函数

jQuery库只提供了一个叫jQuery的函数,该函数中以及该元素的原型中定义了大量的方法。

jQuery函数具有四种参数

选择器字符串jQuery函数通过该选择器获取对应的DOM,然后将这些DOM封装到一个人jQuery对象中并返回。

DOM对象jQuery函数将该DOM封装成jQuery对象并返回。

         

HTML文本字符串jQuery函数根据传入的文本创建好HTML元素并封装成jQuery对象并返回。

 

 一个匿名函数   

  加载完毕之后jQuery函数调用匿名函数。

jQuery对象

 jQuery对象是jQuery函数的一个实例,是一个类数组对象,数组中存放的是DOM对象,而DOM对象是Node的实例。

  对jQuery对象的操作实际上是对jQuery数组中的DOM对象的批量操作。jQuery对象和DOM对象可以相互转化。

 

  jQuery对象的获取通常是使用选择器来获取的。比如,获取所有clss为one元素:$(".one");

jQuery选择器

1.基本选择器:

   所有选择器  *

   标签选择器  标签名

   ID选择器    #id

   类选择器    .className

   群组选择器  .one,.two   多个选择器使用都好分隔,取并集

   复合选择器  .one.two   多个选择器组合使用,取交集

2.层次选择器:

后代选择器   .one .two  

   两个选择器使用空格隔开,表示可以获取当前元素的子代以及孙子代等等后代元素。

   子代选择器   .one>.two

   两个选择器使用>隔开,表示只能获取当前选中元素的子代元素。

3.兄弟选择器:

   下一个兄弟选择器   .one+.two

   两个选择器使用+隔开,表示可以获取当前元素的下一个兄弟元素,下一个兄弟元素要能符合.two。

   之后所有子代选择器  .one~.two

   两个选择器使用~隔开,表示可以获取当前元素之后的所有兄弟元素,只有所有兄弟元素要能符合.two。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值