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

简介: 1.:not选择器的说明使用先给出一下例子:$(".form1 :not(input[name='category'])")这个 能实现 获取到from1表单中除了input[name='category']元素之外的其他元素而$(".form1:not(input[name='category'])")这个却不能实现这个需求 为什么呢?:not选择器不空格使用的话,作用的对象就是.form1这一层,也就是from表单这一层,from表单这一层当然没有input这种元素啦,所以写不写根本不起作用。

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这一层的

相关文章
N..
|
5月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
38 1
|
5天前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
20 5
|
4月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
26 0
|
4月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
5天前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
14天前
|
JavaScript
jQuery 选择器
jQuery 选择器
19 3
|
19天前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
22 1
|
2月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
30 1
|
5月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
5月前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?