《jQuery第二章》

2023-12-13 04:15:56

一、CSS选择器

CSS选择器: 方便获取HTML的元素。

1.标签选择器:直接通过标签名即可获取元素

2.类(class)选择器:语法:.xxx ?表示获取class为xxx的元素

3.id选择器:语法:#xxx ?表示获取id为xxx的元素 ?注意:确保id在本网页的唯一性

4.群组选择器:语法:xxx,xxx,xxx ?通过,分割将所有选择器进行统一操作

5.后代选择器:语法:父 ?子 ?通过空格获取父下面的所有的子元素包括孙子...

6.子代选择器:语法:父>子 ?通过大于号获取父下面的子元素 ?只能获取儿子

二、?jquery对象

$(xxx) 的相关概念:

jquery中最常见的函数. ?有2个作用:

1. 作为元素选择器 来获取元素.(修改元素。)

只需要要css选择器 通过字符串的形式作为参数传递进行即可

例如$("p") ?表示获取所有的p标签

例如$(".p") ?表示获取所有class为p的元素

? ??

2. 预加载函数(文档就绪函数) ? 先将HTML加载完成 再来执行我 ?用法:将function作为参数传递即可

如果可以保证js代码在HTML下方. 就可以不用该函数

三、query自创选择器

jquery不仅可以使用CSS选择器 ?也有自带的选择器。

如下:

:eq(xxx)选择器 ? 表示获取第xxx个 ?0表示第一个

$("span:eq(4)").text("~~~")

:lt(xxx)选择器 ? 表示获取小于xxx的元素 ?0表示第一个

$("span:lt(4)").text("~~~")

? ? ? ? ? ?

:gt(xxx)选择器 ? 表示获取大于xxx的元素 ?0表示第一个

$("span:gt(2)").text("~~~")

:not选择器--> 表示获取除了指定位置外的其他元素

$("span:not(:gt(2))").text("~~~");

:even选择器 ?获取下标为偶数 ?

$("div:even").css("background-color","Red");

? ? ? ? ? ?

:odd选择器 ?获取下标为为奇数

$("div:odd").css("background-color","blue");

? ? ? ? ? ?

:first选择器 ?获取下标为0

$("div:first").css("background-color","yellow");

? ? ? ? ? ?

:last选择器 ?获取最后一个

$("div:last").css("background-color","pink");

? ? ? ? ? ?

文章来源:https://blog.csdn.net/ReviewI/article/details/134863645
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。