jQuery是什么?
简单地说,jQuery是一个JavaScript函数库。一个轻量级的“写的少,做的多”的JavaScript库。它主要包含以下功能:
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
- Utilities
jQuery语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)“查询"和"查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
例如:
$("p").css() - 给所有p元素添加css样式
jQuery选择器
jQuery选择器和js的选择器都差不多,只是在原来的基础上新增加了一些,写法上也简便了许多,下面列举一些常用的:
语法 | 描述 |
---|---|
$("*") | 选取所有元素 |
$(this) | 选取当前 HTML 元素 |
$(“.class”) | 选取class为class的元素 |
$(“#class”) | 选取id为class的元素 |
$(“p.intro”) | 选取 class 为 intro 的 p 元素 |
$(“p:first”) | 选取第一个 p 元素 |
$(“ul li:first”) | 选取第一个 ul 元素的第一个 li 元素 |
$(“ul li:first-child”) | 选取每个 ul元素的第一个 li 元素 |
$(“ul li:last-child”) | 选取每个 ul元素的最后一个 li 元素 |
$("[href]") | 选取带有 href 属性的元素 |
$(“a[target=’_blank’]”) | 选取所有 target 属性值等于 “_blank” 的 a 元素 |
$(“a[target!=’_blank’]”) | 选取所有 target 属性值不等于 “_blank” 的 a 元素 |
$(":button") | 选取所有 type=“button” 的 input 元素 和 button 元素 |
$(":checkbox") | 选取所有 type=“checkbox” 的 input 元素 |
$(":submit") | 选取所有 type=“submit” 的 input 元素 |
$(“tr:even”) | 选取偶数位置的 tr元素 |
$(“tr:odd”) | 选取奇数位置的 tr 元素 |