input和:input选择器的区别
分类:实例代码
input和:input选择器的区别属于前端实例代码,有关更多实例代码大家可以查看。
在jQuery中有一些选择器比较类似,比如input和:input选择器就非常的相似。
区别肯定是有的,否则只存在一个即可,下面就通过代码实例介绍一下它们之间的区别。
代码实例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> <script> $(document).ready(function () { $("#ant").html($("input").length+"<br>"+$(":input").length); }) </script> </head> <body> <button>前端教程网</button> <input type="text" value="前端教程网"> <div id="ant"></div> </body> </html>
从运行结果可以看出,input只能匹配input元素,但是:input可以匹配所有的表单元素。
input和:input选择器的区别,这样的场景在实际项目中还是用的比较多的,关于input和:input选择器的区别就介绍到这了。