jQuery对象、jQuery选择器笔记

jquery就是一个js库（js库：把一些常用到的方法写到一个单独的js文件）

jQuery入口函数与js入口函数的对比

• js入口函数指的是：window.onload = function() {};

• jQuery的入口函数：$(function(){}); 或者 $(document).ready(function(){});

• JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。
  jQuery的入口函数只会等待文档树加载完成就开始执行，并不会等待图片、文件的加载。

js对象（也叫DOM对象）与jquery对象

• js对象就是通过js方法（如getElementById、getElementTagName…）获取到的元素
  jquery对象就是通过jquery方法（通过$(‘选择器’)）获取的元素
• 两者的区别与联系：
  -区别：js对象只能调用js的方法，jquery方法只能调用jquery的方法
  联系：
  1.jquery对象是js对象的集合伪数组
  2.js对象与jquery之间的相互转换
  js—>jquery:使用$(js对象)
  jquery—>js对象：①通过jquery对象[索引]②jquery对象.get(索引)

jquery选择器

• 基本选择器（与css选择器相同）

	id选择器----$('#id')
	类选择器----$('.current')
	标签选择器--$('div')
	并集选择器--$('div,p')
	交集选择器--$('div.current')

• 层级选择器

	后代选择器----$('ul li')
	子代选择器----$('ul>li')
	prev + next -----选取所有prev 元素同辈的下一个元素next （如果有几个prev ，就有几个next ，除非紧挨着prev 后面没有同级元素next ） 
	prev ~ siblings----选取prev 元素同辈的siblings的所有元素

• 过滤选择器

	获取对应索引的元素----- :eq(索引)
	获取索引为奇数的元素---:odd
	获取索引为偶数---:even
	获取第一个元素----:first
	获取最后一个元素---:last
	选取不是这个元素的其他元素---:not(选择器)
	匹配所有大于给定索引值的元素---:gt(索引)
	匹配所有小于给定索引值的元素---:lt(索引)
	选取所有的标题元素，如h1,h2,h3-----:header
	选取当前获取焦点的元素----:focus
	选取当前正在执行动画的所有元素----:animated

内容过滤选择器
	获取包含文本内容的元素---:contains('文本内容')
	选取不包含子元素或者文本的空元素----:empty
	选取含有选择器所匹配的元素的元素----:has(selector)

可见性过滤选择器
	选取所有不可见的元素-----:hidden
	选取所有可见的元素-------:visible
	
属性过滤选择器
	选取拥有此属性的元素----[ attribute ]
	选取属性的值为value的元素----[ attribute = value ]
	......

• 筛选选择器

	查找指定元素的直接子元素---jquery对象.children(选择器)  类似 $('ul>li')
	查找指定元素的所有后代元素---jquery对象.find(选择器)
	获取当前元素的所有兄弟元素---jquery对象.siblings(选择器)
	获取父级元素----jquery对象.parent(选择器)
	获取索引对应的元素----jquery对象.eq(索引)
	获取上一个兄弟-----jquery对象.prev()
	获取上一个兄弟-----jquery对象.next()
	获取个父元素的第一个子元素---:first-child
	选取父元素的最后一个子元素---:last-child
	匹配其父元素下的第N个子或奇偶元素index从1算起----:nth-child(index/even/odd/equation)

$的实质

	 $其实就是一个函数，所以每次使用的时候在后面加()，参数不同，功能不同
    // 1.参数是一个function---入口函数
    $(function () {  });
    // 2.参数是一个DOM对象-----将DOM对象转换为jquery对象
    $(dvObj)
    // 3.参数是一个字符串(选择器)---获取元素,是一个jquery对象
    $('#btn')