原生JS与jQuery中获取元素的方法

一、原生JS中获取元素的方法

  ①根据id：    document.getElementById('id'); 返回一个元素
  ②根据标签：   document.getElementsByTagName('p'); 返回p标签伪数组
  ③根据类样式：  document.getElementsByClassName('x'); 返回类样式为x的伪数组
  ④根据name属性： document.getElementsByName('x'); 返回name属性为x的伪数组
  ⑤query选择器：  document.querySelector()||document.querySelectorAll(); 前者返回单个元素，后者返回一个伪数组。该方法主要用来查询匹配CSS选择器的单个或多个元素
  此外还有几个比较特殊的元素获取方式需要注意一下：body:document.body; title:document.title; html:document.docuemntElement;

二、jQuery中获取元素的方法

2.1 基础选择器

  ①根据id：

$('id');

  ②根据标签：

$('标签名');

  ③根据类样式：

$('.类名');

2.2 交集、并集选择器

$(选取器1，选择器2,....)；//交集选择器
$(span.cls)；//并集选择器，选择类名为cls的span标签

2.3 层次选择器

$('li span'); //后代选择器，li后代中所有的span
$('li>span'); //子代选择器，li子代中所有的span
$('#dv~span');//#dv后方兄弟span标签
$('#dv+span');//#dv后方直接跟着的兄弟span标签

2.4 索引选择器

$(对象:eq(索引值))；//选中该索引值对应的对象
$(对象:lt(索引值))；//选中小于该索引值所有的对象
$(对象:gt(索引值))；//选中大于该索引值所有的对象
$(对象:odd/even) //选中索引值为奇数/偶数的对象