jQuery

• jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。

• j 就是 JavaScript； Query 查询； 意思就是查询js，把js中的DOM操作做了封装，可以快速的查询使用里面的功能。

• jQuery 封装了 JavaScript 常用的功能代码，优化了 DOM 操作、事件处理、动画设计和 Ajax 交互。、

•  jQuery的优点

  1. 轻量级。核心文件小，不会影响页面加载速度。
  2. 跨浏览器兼容，基本兼容了现在主流的浏览器。
  3. 链式编程、隐式迭代。
  4. 对事件、样式、动画支持，大大简化了DOM操作。
  5. 支持插件扩展开发。有着丰富的第三方的插件，例如：日期控件、轮播图等。

  jquery的入口函数

                         第一种: 简单易用。
                                $(function () {
                                               ... // 此处是页面 DOM 加载完成的入口
                                               }) ;

                           第二种: 繁琐，但是也可以实现
                               $(document).ready(function(){
                                             ... // 此处是页面DOM加载完成的入口
                                              });

 jQuery选择器的种类

1，基础选择器

 

2.层级选择器

jQuery的常用事件

click()   鼠标单击

mouseover() 鼠标进入

mouseout() 鼠标离开

hover(function(){},function(){}) 鼠标持久悬放(函数1写鼠标移入的代码，函数2写鼠标移出的代码)

blur() 元素失去焦点

focus()元素获得焦点

 子级父级和兄弟：

选择第一个子元素是first-child，与first有区别，first选择的是第一个元素
last-child选择最后一个子元素
nth-child允许我们选择指定的子元素，nth-child是从1开始的，与eq不同，eq是从0开始的
nth-chid(1)选择第一个子元素
nth-child(odd)奇数位置的子元素
nth-child(even)偶数位置的子元素
nth-child(4n)选择4的倍数的子元素
nth-last-child(4n)倒着数4n的倍数
contains()可以选择包含某些字符串的元素，包含的是文字内容
$('li:contains("viva")');
$('li img').first()
$('li img').last()
$('li img').slice(4,8)选择开始到结束的位置的值
$('li').children('h2');选择子元素里的h2元素
$('li").parent()也可以选择一个元素的父亲元素
$('li').next()选择这个元素的下一个兄弟元素
$('li').prev()选择上一个兄弟元素
$('li').siblings()选择所有的兄弟元素
$('li').nextAll()可以选择后边所有的兄弟元素
$('li').prevAll()
$(document).bind("click",function(e){ // 匹配最近的元素，如果没有就向上找，如果找不到就返回一个空jQuery对象
$(e.target).closest('li').css("color","red");
})
children()方法只考虑子元素，不考虑其他后代元素