jQuery学习笔记

博主声明：
本文由博主luoru_LR原创，请多支持与指教。
转载请在开头附加本文链接及作者信息，并标记为转载。
博主主页

什么是jQuery？
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
jQuery库包含以下功能：

• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities

jQuery语法
jQuery语法是通过选取HTML元素，并对选取的元素执行某些操作。
基础语法：$(selector).action()

• 美元符定义jQuery
• 选择符（select）“查询”和“查找”HTML元素。
• jQuery的action()执行对元素的操作。
  实例：
• $(this).hide()–隐藏当前对象。
• $(“p”).hide()–隐藏所有p元素。
• $(“p.test”).hide()–隐藏所有class=“test”的p元素。
• $("#test").hide()–隐藏所有 id=“test” 的元素

文档就绪事件

$(document).ready(function(){
 
   // 开始写 jQuery 代码...
 
});

或者

$(function(){
 
   // 开始写 jQuery 代码...
 
});

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

常见DOM事件

常见的jQuery事件方法

• $ (document).ready()—$(document).ready() 方法允许我们在文档完全加载完后执行函数
• click()—click() 方法是当按钮点击事件被触发时会调用一个函数。该函数在用户点击 HTML 元素时执行
• dblclick()—当双击元素时，会发生 dblclick 事件。dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数
• mouseenter()—当鼠标指针穿过元素时，会发生 mouseenter 事件。mouseenter() 方法触发 mouseenter 事件，或规定当发生 mouseenter 事件时运行的函数
• mouseleave()—当鼠标指针离开元素时，会发生 mouseleave 事件。mouseleave() 方法触发 mouseleave 事件，或规定当发生 mouseleave 事件时运行的函数
• mousedown()—当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。mousedown() 方法触发 mousedown 事件，或规定当发生 mousedown 事件时运行的函数
• mouseup()当在元素上松开鼠标按钮时，会发生 mouseup 事件。mouseup() 方法触发 mouseup 事件，或规定当发生 mouseup 事件时运行的函数
• hover()—hover()方法用于模拟光标悬停事件。当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)
• focus()—当元素获得焦点时，发生 focus 事件。当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。focus() 方法触发 focus 事件，或规定当发生 focus 事件时运行的函数
• blur()—当元素失去焦点时，发生 blur 事件。blur() 方法触发 blur 事件，或规定当发生 blur 事件时运行的函数

jQuery参考文档
w3School jQuery参考手册