jQuery:not选择器的说明和:checked选择器的使用

Posted 2020-09-21 Angel挤一挤

1.:not选择器的说明使用

先给出一下例子：

$(".form1 :not(input[name=‘category‘])")

这个 能实现 获取到from1表单中除了input[name=‘category‘]元素之外的其他元素

而

$(".form1:not(input[name=‘category‘])")

这个却不能实现这个需求

 

为什么呢？

:not选择器不空格使用的话，作用的对象就是.form1这一层，也就是from表单这一层，from表单这一层当然没有input这种元素啦，所以写不写根本不起作用。

:not选择器空格使用的话，作用的对象就是.form1这一层的子层所有元素，那input这种元素就是存在与它的子层的，所以一定是起作用的了。

 

2.:checked选择器的使用

$("input[name=‘category‘]:checked")获取name为category的元素已经被选中的，:checked是不用空格使用的，就是作用在input这一层的