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","楷体"); })

效果图:
jQuery简介及基本选择器
文章图片

    推荐阅读