jQuery——基础
Posted lian8
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery——基础相关的知识，希望对你有一定的参考价值。
jQuery
一、什么是 jQuery ？
jQuery是一个javascript函数库。
jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
jQuery库包含以下功能：
l html 元素选取
l HTML 元素操作
l CSS 操作
l HTML 事件函数
l JavaScript 特效和动画
l HTML DOM 遍历和修改
l AJAX
l Utilities
二、使用jQuery
1.从jquery.com 下载jquery库
有两个版本的 jQuery 可供下载：
l Production version - 用于实际的网站中，已被精简和压缩。
l Development version - 用于测试和开发（未压缩，是可读的代码）
以上两个版本都可以从 jquery.com 中下载。
提示：将下载的文件放在网页的同一目录下，就可以使用jQuery了。
2.直接从CDN（内容分发网络）中加载jquery，如Google中加载jquery
也就是src=” https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js”
像这样直接加载，优势是许多用户在访问其他站点时已经加载过jQuery了，这时会从缓存中加载，可以减少加载时间。
三、jQuery语法
jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法： $(selector).action()
l 美元符号定义 jQuery
l 选择符（selector）"查询"和"查找" HTML 元素
l jQuery 的 action() 执行对元素的操作
实例:
l $(this).hide() - 隐藏当前元素
l $("p").hide() - 隐藏所有 <p> 元素
l $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
l $("#test").hide() - 隐藏所有 id="test" 的元素
四、jQuery选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头：$()。
元素选择器：$(“p”)
#id选择器：$(“#test”)
.class选择器：$(“.test”)
当网站包含许多页面时，将jQuery函数独立的放入.js文件，将会使jQuery易于维护
五、jQuery事件
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例：
l 在元素上移动鼠标。
l 选取单选按钮
l 点击元素
在事件中经常使用术语"触发"（或"激发"）例如： "当您按下按键时触发 keypress 事件"。
常见 DOM 事件：
$(document).ready() 方法允许我们在文档完全加载完后执行函数
以上是关于jQuery——基础的主要内容，如果未能解决你的问题，请参考以下文章