JQuery快速学一(强悍的选择器)

JQuery简介

   Jquery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。

   JQuery拥有优雅简洁的语法，强大的Dom处理能力，方便快捷的事件处理，跨浏览器的Ajax操作等等让我们开发人员快速方便的实现网页处理 ,

jQuery2.0及后续版本将不再支持IE6/7/8浏览器，这里主要使用JQuery1.10.1版本进行学习。

---

教程结构：

1：强悍的选择器    

2：DOM操作

3：事件和动画

4：Ajax应用

5：常用插件使用和插件编写

本教程如有不正确之处，请各位大虾多多指正。

JQuery选择器简介：

---

在这里选择器是用来获取目标元素的，在对目标元素进行操作的时候，必须要先获取目标的元素，然后才能对目标元素进行操作。在传统的JavaScript中也提供了选择器，但使用不方便，对一些元素的操作不够方便，不够灵活。只提供了ID选择器:document.getElementById(“id”);标签选择器：document.getElementsByTagName(“input”),名称选择器：document.getElementByName(“name”),而JQuery是对原有的JavaScript进行了简化和封装，对此Jquery提供了强悍的选择器：基本选择器，层级选择器，简单选择器，内容选择器，可见性选择器，属性选择器，子元素选择器，表单选择器，表单属性选择器,还可以自定义选择器，下面我们就来学习一下选择器的使用。

温馨提示：

---

    “$”符号是JQuery的简写， $(function(){})类似于传统的JavaScript中的window.onload方法，不过又有所区别这里将会在第三章详细说明。

使用JQuery前需要下载JQuery库，这里使用JQuery1.10.1(下载地址：http://code.jquery.com/jquery-1.10.1.min.js)。

使用前在页面head里进行引入，示例：

    以下的代码都写到$(function(){ 这里写代码})

基本选择器：

---

默认代码：

html:

    <div id="selectId" class="selectClass" style="width:100px;height:100px;background:#000;"></div>

默认效果：