1、jquery(选择器字符串)获取JQ的dom的元素节点（注意不是原生js的dom节点） 例如：jquery(“li”)将获得所有li标记的JQDOM节点 2、JQ的dom节点本质上就是原生dom节点的集合+jQ在原型上定义的若干方法和属性
1、元素选择器 2、类选择器
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery-3.4.1.min.js"></script> </head> <style> ul{ list-style: none; } .red{ color: red; } .blue{ color: blue; } </style> <body> <h1>dom节点初识</h1> <ul> <li class="red">1</li> <li class="blue">2</li> <li class="red">3</li> <li class="blue">4</li> </ul> <form action=""> 用户名：<input name="username" type="text"><br> 密码：<input name="pwd" type="password"><br> 爱好：<input name="ins" type="checkbox" value="sing">唱歌 <input name="ins" type="checkbox" value="code">编程<br> <select name="sl" id=""> <option value="">北京</option> <option value="">上海</option> <option value="">南京</option> </select><br> <p><button type="submit">提交</button></p> </form> <script> $(document).ready(function(){ // console.log($("li"));//元素选择器 // console.log($(".blue"));//类选择器 console.log($("input"));//仅仅是input元素 console.log($(":input"));//将把表单中的其他非input元素也纳入进来 console.log($(":checkbox")); }); </script> </body> </html>