jQuery基础

一: 下载

到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)