做外贸的网站哪个好/成人教育培训机构
文章目录
- 一.框架的基础知识
- 二.源码
- 三.效果图
- 篇章
一.框架的基础知识
在前端领域，jQuery是非常优秀的js函数库。$函数是核心函数，可以用来匹配节点树上的标签。
jQuery支持的css选择器：*【通配选择器】、标签选择器、类选择器、id选择器等。
jQuery是以$函数开头的，并且可以连续打点，支持链式语法。
css函数是jQuery提供的函数，用来设置匹配节点的行内样式。
jQuery对象（类数组）才可以使用jQuery里的方法。
二.源码
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>框架的基本使用</title><script src="./js/jQuery.js"></script><style>li{list-style: none;}</style>
</head>
<body><ul><li>学习</li><li>看书</li><li>下棋</li></ul><p class="cur">段落</p><p class="cur">段落</p><pre id="num">1 2</pre>
</body>
</html>
<script>console.log($);$("li").css('color','red'); //标签选择器$(".cur").css('background','grey'); // 类选择器$("#num").css('fontSize',50); //id选择器$("*").css('textAlign','center','listStyle','none'); //通配选择器
</script>
三.效果图
篇章
上一篇：jQuery教程1-框架的简介和体验
下一篇：jQuery教程3-框架独有的选择器