一: 下载
到jquery官网下载所需要的文档
在你的项目下新建一个js文件, 将整个页面复制到该文件中
二: 操作与使用
新建一个html文件
引入该文件
<title>jQuery基础</title>
<script src="js/jquery-3.3.1.min.js"></script>
这样就是正式开始进行操作了:
1. 通过id找标签
$('#id')找到id对应的标签, 返回一个列表
2. 通过class找标签
$('.class')找到class对应的标签
3. 通过标签属性查找标签
$('[属性名="属性值"]')
4. 通过标签名称查找标签
$('标签名')
5. 父子选择器
css( )函数 给找到的标签添加css样式
1> 样式名 2> 样式值
$('#h>span').css('color', 'red')
6. 后代选择器
$('#h span').css('font-size', '30px')
7. 通过标签属性查找的方式
1> 根据标签属性名进行查找
$('input[name]').css('border', '2px solid red')
2> 指定标签属性值进行查找
$('input[name="user"]').css(xxxxxx)
3> 指定标签属性值不等于xx的标签
$('input[name!="user"]').css(xxxxxx)
4> 属性中包含user的
$('input[name*="user"]').css(xxxxxx)
5> 属性中以user开头的
$('input[name^="user"]').css(xxxxxx)
6> 属性中以user结尾的
$('input[name$="user"]').css(xxxxxx)
7> 带有-连接符的
$('input[name|="user"]').css(xxxxxx)