jquery 选择器用法大全附实例代码

学习jquery必不可少的一项技能就是需要学会使用jquery查找和操作html元素，这就是jquery选择器，小叶总结了下面一篇文章在我们开发中常用的jquery选择器的方法，欢迎收藏。

以下是一些常用的 jQuery 选择器及其实例代码：

  • $(\”element\”): 选择所有指定的元素。
  • $(\”#id\”): 选择具有指定 ID 的元素。
  • $(\”.class\”): 选择具有指定类的所有元素。
  • $(\”[attribute]\”): 选择具有指定属性的所有元素。
  • $(\”[attribute=value]\”): 选择具有指定属性值的元素。
  • $(selector1, selector2): 在第二个选择器中查找第一个选择器。
  • $(ancestor descendant): 选择祖先元素下的所有后代元素。
  • $(prev + next): 选择紧接在 prev 元素后的 next 元素。
  • $(prev ~ siblings): 选择 prev 元素之后的所有 siblings 元素。
  • $(parent > child): 选择父元素下的所有子元素。
  • $(\”:input\”): 选择所有表单输入元素（如 input、textarea、select）。
  • $(\”:text\”): 选择所有单行文本框。
  • $(\”:password\”): 选择所有密码框。
  • $(\”:radio\”): 选择所有单选按钮。
  • $(\”:checkbox\”): 选择所有复选框。
  • $(\”:submit\”): 选择所有提交按钮。
  • $(\”:reset\”): 选择所有重置按钮。
  • $(\”:contains(text)\”): 选择包含指定文本的元素。
  • $(\”:empty\”): 选择不包含子元素或文本的元素。
  • $(\”:has(selector)\”): 选择包含特定后代元素的元素。
  • $(\”:parent\”): 选择至少有一个子元素的元素。

如果你觉得这篇文章对你有用，欢迎点赞收藏加关注哦。

2021年了，你还不会validate的使用呀，快看过来

#jQuery 有很多表单验证插件 #https://plugins.jquery.com/tag/validate

#最常用的插件之一 #http://jqueryvalidation.org

1、检查表单或者某些元素是否有效

2、校验规则

1）ignore 和 depends

2）groups

4）class 相关的配置项

如果不配置，会生成如下默认的class，如下：

进阶class

additional-methods.js 包含了很多扩展验证方法

客户端安全性：

在数据被输入程序前必须对数据合法性的校验。非法输入问题是最常见的web应用程序安全漏洞。

所有提交的表单数据，都必须验证两次，即提交前在客户端验证，提交后在服务器端再次验证。保证数据的合法性。

服务器端不要相信任何的客户端数据！

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场，未经允许不得转载。

继续阅读本文相关话题

TAG
全部
行业动态
C4D教程
C4D百科