jquery选择器的了解使用

　　了解过jQuery的人都听说过他的核心理念 —— write less , do more！这句话也说明了jQuery为什么会出现的原因。相对于元素js来说jquery之所以要实现相同功能，编写的代码更少的原因就是juery的开发者为我们封装了许多简介好用的方法。其中就包括dom元素的选择，前端开发都知道在react、vue等框架没问世之前，开发人员要实现用户对网页元素进行操作时，不可避免的就是要获取到目标元素再接着编写功能代码。废话少说让我们来看看jquery获取dom元素的常见方法

　　jquery获取dom元素的方法常有以下几种：

　　　　1. 选取所有元素 ： $(' * ') *通配符表示document中所有的元素

　　　　2. 通过元素标签选择： $("p") -- 选择所有的<p>元素，注意返回的是一个数组

　　　　3.通过元素的css选择器：$(".box") -- 选择类名为box的元素  $("#mydiv") -- 选择id为mydiv的元素

　　　　4.通过属性选取：$("[href]") -- 选取带有 href 属性的元素

　　　　5.搭配一些修饰符使用指定某一类元素：

　　　　　　$("p:first") -- 选取第一个 <p> 元素  $("ul li:first") --  选取第一个 <ul> 元素的第一个 <li> 元素

　　　　　　$("ul li:first-child") --  选取每个 <ul> 元素的第一个 <li> 元素（同理还有last last-child）

　　　　　　$("tr:even") -- 选取偶数位置的 <tr> 元素

　　　　　　$("tr:odd") -- 选取奇数位置的 <tr> 元素

　　以上就是jquery获取dom元素常用的的一些方发，如果我们要接着操作这些元素，可以使用$(this)来表示当前获取到的元素，为了方便开发jquery还支持链式编程，简单来说就是允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。这样做最大的有点就是浏览器就不必多次查找相同的元素。减少代码量，提高效率，可见jquery相对于原生的js在编写代码上有大大的改善。（注意：原生js操作的是dom对象，而jquery操作的是Jq对象，两者是不同的在操作时不可以混用操作方法，但是也是可以相互转换的详见文章：jQuery与DOM的区别_jquery dom-CSDN博客）