jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

 

　　基础语法： $（selector）。action（）

 

　　美元符号定义 jQuery选择符（selector）“查询"和"查找” HTML 元素jQuery 的 action（）执行对元素的操作

 

　　jQuery 入口函数：

 

　　jQuery 函数位于一个 document ready 函数中：

 

　　这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

 

　　关于 " : " 和 " [] "这两个符号的理解

 

　　":"可以理解为种类的意思，如：p:first,p 的种类为第一个。

 

　　“[]” 很自然的可以理解为属性的意思，如：[href] 选取带有 href 属性的元素。

 

　　$（document）。ready（）

 

　　$（document）。ready（） 方法允许我们在文档完全加载完后执行函数。

 

　　click（）

 

　　click（） 方法是当按钮点击事件被触发时会调用一个函数。

 

　　dblclick（）

 

　　当双击元素时，会发生 dblclick 事件。

 

　　mouseenter（）

 

　　当鼠标指针穿过元素时，会发生 mouseenter 事件。

 

　　mouseleave（）

 

　　当鼠标指针离开元素时，会发生 mouseleave 事件。

 

　　mousedown（）

 

　　当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。
 

 

　　mouseup（）

 

　　当在元素上松开鼠标按钮时，会发生 mouseup 事件。

 

　　focus（）

 

　　当元素获得焦点时，发生 focus 事件。

 

　　blur（）

 

　　当元素失去焦点时，发生 blur 事件。

 

　　hide（） 和 show（）

 

　　jQuery toggle（）

 

　　通过 jQuery,您可以使用 toggle（） 方法来切换 hide（） 和 show（） 方法。

 

　　$（selector）。toggle（speed,callback）

 

　　可选的 speed 参数规定隐藏/显示的速度，可以取以下值：“slow”、“fast” 或毫秒。

 

　　可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

 

　　语法：

 

　　$（selector）。animate（{params},speed,callback）

 

　　必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。

 

　　下面的例子演示 animate（） 方法的简单应用。它把元素往右边移动了 250 像素：

 

　　获得内容 - text（）、html（） 以及 val（）

 

　　三个简单实用的用于 DOM 操作的 jQuery 方法：

 

　　text（） - 设置或返回所选元素的文本内容html（） - 设置或返回所选元素的内容（包括 HTML 标记）val（） -设置或返回表单字段的值

 

　　获取属性 - attr（）

 

　　jQuery attr（） 方法用于获取属性值。

 

　　对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用 attr 方法。

 

　　设置 CSS 属性：css（“propertyname”，“value”）;

 

　　设置多个 CSS 属性 : css（{“propertyname”：“value”，“propertyname”：“value”，…}）;

 

　　实例

 

　　AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。

 

　　jQuery load（） 方法

 

　　jQuery load（） 方法是简单但强大的 AJAX 方法。

 

　　load（） 方法从服务器加载数据，并把返回的数据放入被选元素中。

 

　　语法：

 

　　必需的 URL 参数规定您希望加载的 URL.可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。可选的 callback 参数是 load（） 方法完成后所执行的函数名称。
 

 

　　jQuery $.get（） 方法

 

　　$.get（） 方法通过 HTTP GET 请求从服务器上请求数据。

 

　　语法：

 

　　必需的 URL 参数规定您希望请求的 URL.可选的 callback 参数是请求成功后所执行的函数名。

 

　　jQuery $.post（） 方法

 

　　$.post（） 方法通过 HTTP POST 请求向服务器提交数据。

 

　　语法：

 

　　必需的 URL 参数规定您希望请求的 URL.可选的 data 参数规定连同请求发送的数据。可选的 callback 参数是请求成功后所执行的函数名。