jQuery简介及基本选择器
jquery简介 jquery是当前最流行的JS插件库,就是封装大量代码到一个js文件中,需要时应用即可,大大缩减了代码量;类似于bootstrap和layui不同的是这两种是封装的css插件库。
jquery选择器 jquery选择器基于元素的id、类、属性、属性值等查找HTML元素,所有的选择器都以以美元符号"$"开头
基本选择器 基本选择器是jQuery中使用最频繁的选择器,它由id、类、元素名、多个选择符组成。
选择器 | 描述 | 返回值 | 实例 |
---|---|---|---|
#id | 根据输入的id查找元素 | 单个元素 | $("#demo")选取id为demo的元素 |
.class | 根据输入的类名查找元素 | 集合元素 | $(".demo")选取class为demo的元素 |
element | 根据输入的标签名查找元素 | 集合元素 | $(“div”)选区所有的div元素 |
* | 查找所有元素 | 集合元素 | $("*")选取所有元素 |
selector1,selector2…selector N | 将每个选择器匹配的元素合并到一起选择 | 集合元素 | $(“div,p,span”)选取页面中所有 【jQuery简介及基本选择器】标签 |
电影推荐
- 《盗梦空间》
- 《星际穿越》
- 《火星救援》
- 《谍影重重》
>
$(function () {
$("#movie").css("color","red");
$(".uls").css("background-color","orange");
$("li").css("font-size","20px");
$("*").css("font-family","楷体");
})
效果图:
文章图片
推荐阅读
- JS中的各种宽高度定义及其应用
- 参保人员因患病来不及到指定的医疗机构就医,能否报销医疗费用()
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- 事件代理
- 【Hadoop踩雷】Mac下安装Hadoop3以及Java版本问题
- 经历了人生,才知道人生的艰难!及精彩!
- 罗塞塔石碑的意义(古埃及文字的起源,圣书体文字是如何被破解的)
- 以太坊中的计量单位及相互转换
- Spark|Spark 数据倾斜及其解决方案
- 2月读书感想及《战争风云》读后记