JQ 和选择器

jQuery
js框架 所有的不能脱离js 是一个面向对象的函数

JQ1.x.x 兼容ie6 +
JQ2.x.x 不兼容 ie6 7 8
JQ3.x.x 又兼容ie6 7 8 和很多东西 移动端也兼容 但是很大

jq是新手用的 适合开发小的网站

Mootools 适合开发大型网站

API 需要背
最重要的插件机制 开发自己的JQ插件
$核心
$.extend 添加接口里面可以传一个json
$.fn.extend 添加一个方法接口
JQ不能用原生的接口
原生不能用JQ接口
需要进行转化
JQ 安装
使用下载包
代替方案通过CDN引用
引用百度<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
fn就是prototype
jQuery 语法
jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法： $(selector).action()
美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作
实例:

$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏 id="test" 的元素
JQ入口函数
$(document).ready(function(){
//执行代码
})；
或者
$(function(){
//执行代码
});
js入口函数
window.onload=function(){
执行代码
}
jq与js的区别
jq实在所有HTML标签（DOM）都加载完成后执行
js的window.onload是在所有内容包括外部图片都加载完成后才会执行
JQ 选择器 都以美元符号开头 $()
允许对HTML元素组或单个元素进行操作
基于id。类，类型，属性，属性值等“查找或选择”它基于css选择器还有一些自定义选择器
关于 : 和 [] 这两个符号的理解
：可以理解为种类的意思，如：p:first，p 的种类为第一个。
[] 很自然的可以理解为属性的意思，如：[href] 选取带有 href 属性的元素
$("#id", ".class") 复合选择器
$(div p span) 层级选择器 //div下的p元素中的span元素
$(div>p) 父子选择器 //div下的所有p元素
$(div+p) 相邻元素选择器 //div后面的p元素(仅一个p)
$(div~p) 兄弟选择器 //div后面的所有p元素(同级别)
$(.p:last) 类选择器 加 过滤选择器 第一个和最后一个（first 或者 last）
$("#mytable td:odd") 层级选择 加 过滤选择器 奇偶（odd 或者 even）
$("div p:eq(2)") 索引选择器 div下的第三个p元素（索引是从0开始）
$("a[href='www.baidu.com']") 属性选择器
$("p:contains(test)") // 内容过滤选择器，包含text内容的p元素
$(":emtyp") //内容过滤选择器，所有空标签（不包含子标签和内容的标签）parent 相反
$(":hidden") //所有隐藏元素 visible
$("input:enabled") //选取所有启用的表单元素
$(":disabled") //所有不可用的元素
$("input:checked") //获取所有选中的复选框单选按钮等
$("select option:selected") //获取选中的选项元素