jQuery环境配置及其选择器

一、环境配置
jQuery的使用，能够大大的减少代码量，提供了很大的便利，要使用jQuery，首先要做的就是配置环境。环境的配置其实超级简单，只需要下面两步就可以啦。
1.首先进入jQuery的官方网站去下载jQuery库文件。
2.jQuery不需要安装，只用将下载好的jQuery.js文件引入相关的html文档中即可。
这样环境就配置好了，是不是超简单！
二、jQuery中的预加载
若将jQuery代码写在head标签里面，此时需要对代码进行预加载。使用 $(document).ready() 函数来完成预加载，括号中所有的代码会提前执行，而不是在页面所有内容加载完毕后才执行事件。

简写方式：$(function(){}) (相当于js里面的window.onload)
三、jQuery里面的选择器
jQuery中支持C1-C3中的所有选择器，具有完善的处理机制，使代码更简单。下面来介绍这些丰富的选择器。
1.基本选择器
$("#btn")              //id选择器
$(".btn1")             //类名称选择器
$(“button”)             //标签选择器
$("*")                      //全局

2.层次选择器
$(“ul li”)             //ul下所有li
$(“ul>li”)             //ul下的所有子元素li
$(".li3+")             //相邻后面的兄弟元素
$(".li3~li")             //后面所有的兄弟元素li

3.过滤选择器
（1）.简单过滤选择器
$(“ul>li:first”)             //ul里面的第一个li元素
$(“ul>li:last”)             //ul里面的最后一个li元素
$(“ul>li:even”)             //索引为偶数的li
$(“ul>li:odd”)             //索引为基数的li
$(“ul>li:gt(1)”)             //索引大于1的li
$(“ul>li:lt(1)”)             //索引小于1的li
$(“ul>li:eq(2)”)             //索引为2的li
$(“ul>li:not(.li3)”)             //除li3以外的所有li
（2）内容过滤
$(“li:contains(‘2’)”)             //内容包含有2的li
$(“div:empty”)                   //内容为空的div(即中间不包括任何内容包括空格回车等)
$(“div:parent”)             //查找父元素
$(“div:has(‘span’)”)             //含有span的div
（3）可见性选择
$(".btninput:visible")             //获取所有可见元素
$(".btninput:hidden")             //获取不可见元素
（4）属性选择器
$(“button[id][class]”)             //获取包含给定属性的元素（可写复合属性）
$(“button[id=‘btn’][class=‘btn1’]”)             //获取给定的属性是某个特定值的元素
（5）子元素过滤选择器
$(“ul>li:nth-child(2)”)             //获取父元素下特定的元素 （按顺序不是索引）
$(“ul>li:first-child”)             //获取父元素下第一个子元素
$(“ul>li:last-child”)             //获取父元素下最后一个子元素
$(“div>p:only-child”)             //取父元素下仅有一个子元素p的div
（6）表单对象属性过滤选择器
$(“input[type=‘checkbox’]:checked”)             //:checked所有被选中的元素（只要是单选框复选框）
$("#sel>option:selected")             //所有被选中的选项元素（下拉框）
4.表单选择器
$(“input:checkbox”)       //获取所有复选框
$(“input:radio”)             //获取所有单选框
$(":input")                   //获取所有input、textarea、select
$(“input:text”)             //获取所有input里面的text