JQuery 选择器反向选择
2021/11/2 23:39:52
本文主要是介绍JQuery 选择器反向选择,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
JQuery选择器
Input元素中 对name属性进行筛选
Example From Here
$( "input[name!='newsletter']" )
$("input").not("[name=newsletter]")
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>attributeNotEqual demo</title> <script src="https://code.jquery.com/jquery-3.5.0.js"></script> </head> <body> <div> <input type="radio" name="newsletter" value="Hot Fuzz"> <span>name is newsletter</span> </div> <div> <input type="radio" value="Cold Fusion"> <span>no name</span> </div> <div> <input type="radio" name="accept" value="Evil Plans"> <span>name is accept</span> </div> <script> $( "input[name!='newsletter']" ).next().append( "<b>; not newsletter</b>" ); </script> </body> </html>
选择属性取反操作
选取form表单中,div元素id值不为a的子元素中的input
$( "form div:not(#a) input" )
$( "form div:not([id='a']) input" )
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>attributeNotEqual demo</title> <script src="https://code.jquery.com/jquery-3.5.0.js"></script> </head> <body> <form class=""> <div id="a" class="form-floating mb-3"> <input type="email" class="form-control rounded-4" id="floatingInput" placeholder="name@example.com"> <label for="floatingInput">Email address</label> </div> <div id="b" class="form-floating mb-3"> <input type="password" class="form-control rounded-4" id="floatingPassword" placeholder="Password"> <label for="floatingPassword">Password</label> </div> </form> <script> $( "form div:not(#a) input" ).css("background-color","pink"); </script> </body> </html>
更多选择器用法请 看这里
这篇关于JQuery 选择器反向选择的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-06jquery对css样式(jquery中的css方法)-icode9专业技术文章分享
- 2023-05-27JQuery的认识和安装
- 2023-01-06JQuery应用技巧:如何定义 HTML 模板并使用 JQuery 进行加载-icode9专业技术文章分享
- 2022-09-29复习-jQuery
- 2022-09-04Python3项目初始化10-->前端基础jquery、ajax,sweetalert--更新用户改造
- 2022-08-30day 27 jquery
- 2022-08-29jQuery筛选器,bootstrap
- 2022-08-20JQuery事件绑定
- 2022-08-20JQuery案例
- 2022-08-07关于jQuery的学习