jQuery基础

本文详细介绍jQuery中的各种选择器用法,包括基本的选择器如ID、Class、标签选择器,以及复杂的属性选择器等,并提供了实际操作示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一: 下载

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


 












评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

她最爱橘了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值