什么是jQuery?
j:javascript
Query:查询
jQuery的概念
jquery是一个js库。意思就是jquery是js封装的一个库,将原来一些js的写法变得更加简洁,并且提供了更加方便的选择器。所有jquery都能用js来完成
也可以通过CDN(Content Distrubute Net)来引用jquery
jQuery文件的导入 通过script标签导入
注意事项:如果一个script标签中有src属性并且有值,那么该标签中间不能再次编写代码
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
选择器
一.常用选择器
- ID选择器
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//加载函数
$(function(){
//ID选择器的使用
console.log($("#oDiv"));
})
</script>
<body>
<div id="oDiv">
我是div内容
</div>
</body>
2.类选择器3
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
// 类选择器的使用
$(".oLi").css("background","blue");
})
</script>
<body>
<ul>
<li>item1</li>
<li class = "oLi">item2</li>
<li>item3</li>
<li class = "oLi">item4</li>
<li class = "oLi">item5</li>
</ul>
</body>
3.标签选择器
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
// 标签选择器
$(