jquery的基础总结例子

jQuery

开发工具与关键技术：VS
作者：何钦波
撰写时间：2019/04/8

jQuery 是一个 JavaScript 函数库。
jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
jQuery 库包含以下功能：
HTML元素选取
HTML元素操作
CSS操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
ajax异步请求方式
请注意，

从 jquery.com 下载 jQuery 库
从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
如下截图代码：

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

基础语法： $ (selector).action()
美元符号定义 jQuery 例："$"
选择符（selector）“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作

如下截图代码：

jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的CSS选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头：$()。

语法 描述
$("*") 选取所有元素
$(this) 选取当前 HTML 元素
$(“p.intro”) 选取 class 为 intro 的 < p > 元素
$(“p:first”) 选取第一个 < p > 元素
$(“ul li:first”) 选取第一个 < ul > 元素的第一个 < li> 元素
$(“ul li:first-child”) 选取每个 < ul > 元素的第一个 < li> 元素
$ ("[href]") 选取带有 href 属性的元素
$(“a[target=’_blank’]”) 选取所有 target 属性值等于 “_blank” 的 < a > 元素
$ (“a[target!=’_blank’]”) 选取所有 target 属性值不等于 “_blank” 的 < a > 元素
$ (":button") 选取所有 type=“button” 的 < input> 元素 和 < button> 元素
$ (“tr:even”) 选取偶数位置的 < tr> 元素
$ (“tr:odd”) $(“tr:odd”)