【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..
|
8月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
53 1
|
3月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
38 2
|
4月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
45 5
|
3月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$("p") 选取所有段落元素,而 $("button").click(function(){ $("p").hide(); }) 实现点击按钮后隐藏所有段落。
|
7月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
39 0
|
7月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
4月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
4月前
|
JavaScript
jQuery 选择器
jQuery 选择器
29 3
|
4月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
35 1
|
5月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
42 1