jQuery选择器总结

本文详细介绍了jQuery中的元素选择器、属性选择器、元素属性选择器等,并解释了:input和input的区别,以及如何使用多属性组合进行精确选择。

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

1、元素选择器:$("标签名")
例:$("p") 选择p元素


2、属性选择器:$([属性])
例:$("[href]") 选取所有带有 href 属性的元素


3、元素属性选择器:$("标签名[属性 符号 值][属性 符号 值]...")
例:
$("input[name='test']") 选择所有的name属性等于'test'的input元素 
$("input[name!='test']") 选择所有的name属性不等于'test'的input元素 
$("input[name^='test']") 选择所有的name属性以'test'开头的input元素 
$("input[name$='test']") 选择所有的name属性以'test'结尾的input元素 
$("input[name*='test']") 选择所有的name属性包含'test'的input元素
多属性组合: $("input[id][name='test']") 选择所有的name属性等于'test'的并且有id属性的input元素


4、$(":input")和=$("input")区别
$(":input")获取页面所有表单类型的元素,比如select,textarea等,也包括button元素
$("input")获取页面所有input类型的元素


5、同时包含多个属性(交集)
$(".a.b")同时包含类a和类b的元素


6、包含某个属性(并集)
$(".a,.b")包含类a或者类b的元素

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值