jq 筛选选择器，方法，隐式迭代 类名操作以及样式

jQuery

地址：https://jquery.com/ 历史版本：http://code.jquery.com/

1.x：兼容 IE678 低版本浏览器

2.x：不兼容 IE678 低版本浏览器

3.x：不兼容 IE678 低版本浏览器，官方主要维护版本

入口函数

// 一下两种入口函数 相当于原生中的 DOMContentLoaded 
$(function () { /* DOM加载完成的入口*/ })
$(document).ready(function(){ /* DOM加载完成的入口*/ })

jquery对象和DOM对象

1，用原生js获取的对象就是 dom 对象

2，用jquery方法获取的对象就是 jquery对象

3，jquery对象的本质是，利用 $ 对DOM对象包装后产生的对象（伪数组形式存储）

对象的相互转换

DOM转Jquery $(element)

jquery转DOM

$(ele).get(0);
$(ele)[0];

隐式迭代

遍历内部DOM元素（伪数组形式存储）的过程叫做隐式迭代

简单理解：给匹配到的元素进行循环遍历，执行响应的方法，而不用我们再次循环，简化操作

// 所有的div背景改为红色；
$('div').css('backgroundColor', 'red');
// 如果只有属性没有值，则代表获取这个属性的样式值
$('div').css('backgroundColor');
// 修改多个的情况下传入对象即可
$('div').css({width: 100,height: '200px',backgroundColor: 'red'});
// 添加类名
$('div').addClass('current'); // 不用加点 .
// 删除类名
$('div').removeClass('current');
// 切换类名 如果有就删除，没有就加上
$('div').toggleClass('current');

jquery 筛选选择器

语法	用法	描述
:first	$('ul li:first')	获取第一个li元素
:last	$('ul li:last')	获取最后一个li元素
:eq(index)	$('ul li:eq(2)')	获取索引为2的li元素，0开始
:odd	$('ul li:odd')	获取ul中li为奇数的元素
:even	$('ul li:even')	获取ul中li为偶数的元素

Jquery 筛选方法

语法	用法	说明
parents()	$('li').parents('ul')	查找所有的父级元素返回伪数组，有参数：标签名为ul的父元素
parent()	$('li').parent()	查找父级最近的父级 1
children()	$('ul').children('li')	查找子级最近的第一个子级 1
find()	$('ul').find('li')	查找所有的子级 1
siblings()	$('ul .item').siblings('li')	查找除了自身所有的兄弟节点li的元素 1
nexrAll()	$('.first').nextAll('li')	查找当前元素下面的所有兄弟元素不包含自身
prevAll()	$('.last').prevAll('li')	查找当前元素上面的所有兄弟元素不包含自身
hasClass()	$('div').hasClass('className')	判断当前元素是否有指定类名，true。false
eq(index)	$('div').eq(2) | 相当于$('div:eq(2)')index 从0开始 1
	$('li').index();	返回当前元素的索引号 1