jQuery选择器总结（一）

最新推荐文章于 2024-08-12 12:57:58 发布

阿瑞的博客

最新推荐文章于 2024-08-12 12:57:58 发布

阅读量204

点赞数

文章标签： jQuery选择器总结 jQuery选择器大全

本文链接：https://blog.csdn.net/Quasimodo24/article/details/89843742

版权

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元素
$(" i n p u t [n a m e$ =‘test’]") 选择所有的name属性以’test’结尾的input元素
$("input[name=‘test’]") 选择所有的name属性包含’test’的input元素
多属性组合： $(" i n p u t [i d] [n a m e =^{'} t e s t^{'}] ") 选择所有的 n a m e 属性等于^{'} t e s t^{'} 的并且有 i d 属性的 i n p u t 元素 4 、$ (":input")和=$(“input”)区别
$(":input")获取页面所有表单类型的元素，比如select,textarea等，也包括button元素
$(“input”)获取页面所有input类型的元素
5、同时包含多个属性(交集)
$(".a.b")同时包含类a和类b的元素
6、包含某个属性(并集)
$(".a,.b")包含类a或者类b的元素*