标签：辛星 javascript jquery css html
*************jquery的语法******************
1.jquery是通过选取HTML元素，并且对选取的元素执行某些操作，从而完成某些特效的。
2.因此，我们在使用jQuery的时候经常会看到如下的操作方式：$(选择器).功能()
3.这里的$符号是一个快捷操作符，而它后面的小括号里面的选择器则指出了我们要错做的HTML元素，然后我们执行这个action来对元素完成操作。
4.比如：$("p").hide() 这也是上一节我们用到的一种方式，我们可以用它去隐藏p标签里面的内容。
5.jQuery的选择器是xPath与CSS选择器语法的结合。
**************一点说明*********************
1.如果大家仔细读了我们上一节的示例代码，会发现我们所有的代码都是写在一个函数里的，下面我们用伪代码的形式描述一下：
$(document).ready(
//我们的其他代码
);
************选择器************************
1.从上面我们也了解到，jQuery能够通过选择器来找到正确的HTML元素是非常重要的，因为只有这样，后续进行的操作才会有效，我们的效果才会显示出来。
2.jQuery允许我们队HTML元素或者单个元素进行操作。
3.jQuery选择器允许我们通过元素的id，class、类型、属性、属性值等找到该HTML元素，它的语法很像我们的CSS选择器。
4.jQuery在查找选择器的时候都必须以$()开头。
5.下面我们给几个例子，比如$("p")是选择了所有的p标签，比如$("#xin")是选择了id为xin的HTML元素，比如$(".xin")是选择了所有的class属性为xin的HTML元素。
************事件*********************
1.为了让我们的web页面与用户的交互更加友好，我们的jQuery提供了强大的处理事件的能力。
2.事件处理程序就是当HTML中发生某些事情的时候所调用的方法，如果大家有GUI界面编程知识的话，那么它非常容易理解。
3.比如常见的DOM事件中的鼠标事件就有click（点击）、dbclick（双击)、mouseenter(鼠标进入区域)、mouseleave(鼠标离开该区域），键盘事件就有keypress（键盘的键被按下）、keydown（键被按下)、keyup（键被松开）等。
4.这里有必要说一下的就是表单事件，比如submit（提交）、chane（修改）、foucus（获得焦点）、blur（失去焦点）等主要事件，还有就是文档和窗口的load（加载）、resize（大小改变）、scroll（滚动）、unload(用户离开页面）。
5.比如;我们点击某个p标签的时候要触发一个事件，那么就可以用$("p").click();
6.那我们在click函数中写什么呢，我们可以通过定义一个Javascript函数来实现。
7.通常对于大多数DOM事件我们都有一个与之等效的jQuery方法。
*************常用方法**************
1.$(document).ready():它是等文档完全加载完毕之后执行的操作。
2.click()方法是鼠标点击事件。
3.mouseenter()方法是鼠标指针穿过元素的事件。
4.mouseleave()方法是鼠标指针离开元素的事件。
5.mousedown()方法是鼠标指针移动到元素上方并且按下鼠标左键的事件。
6.mouseup()方法是鼠标指针移动到元素上方并且松开鼠标的时间。
7.hover()方法用于光标悬停在元素上方，它接受两个函数，一个用于鼠标进入，一个用于鼠标离开。
8.focus()方法用于获得焦点事件，大多是鼠标点击选中或者通过tab键定位到某个元素。
9.blur()方法用于HTML元素失去焦点的时候的事件。
*************外部js文件*****************
1.我们可以把代码写入到另外一个js文件中，然后在导入我们写的js文件和jQuery文件即可。
2.注意要先导入jQuery文件，导入格式就是如下：
<head> <script src="jquery.js"></script> <script src="myjs.js"></script> </head>
**************小结***************
1.本小节我们到此就结束了，它让我们知道了我们如何使用jQuery库。
2.使用方式就是等文档加载完毕之后，调用$(选择器).功能函数 这种格式去操纵。
标签：辛星 javascript jquery css html
原文地址：http://blog.csdn.net/xinguimeng/article/details/38030049
