a. jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。
b. 先去jquery官网下载,或者使用在线jq。
c.语法 基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 文档就绪事件: $(document).ready(function(){ // 开始写 jQuery 代码... }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。 简洁写法(与以上写法效果相同): $(function(){ // 开始写 jQuery 代码... });
d.jQuery 选择器 元素选择器 $("p") #id 选择器 $("#test") .class 选择器 $(".test") 语法 描述 $("*") 选取所有元素 $(this) 选取当前 HTML 元素 $("p.intro") 选取 class 为 intro 的
元素 $("p:first") 选取第一个
元素 $("ul li:first") 选取第一个
- 元素的第一个
- 元素 $("ul li:first-child") 选取每个
- 元素的第一个
- 元素 $("[href]") 选取带有 href 属性的元素 $("a[target='_blank']") 选取所有 target 属性值等于 "_blank" 的 元素 $("a[target!='_blank']") 选取所有 target 属性值不等于 "_blank" 的 元素 $(":button") 选取所有 type="button" 的 元素 和 元素 $("tr:even") 选取偶数位置的 元素 $("tr:odd") 选取奇数位置的 元素
e.jQuery 事件 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter keyup focus scroll mouseleave blur unload hover
- 元素 $("[href]") 选取带有 href 属性的元素 $("a[target='_blank']") 选取所有 target 属性值等于 "_blank" 的 元素 $("a[target!='_blank']") 选取所有 target 属性值不等于 "_blank" 的 元素 $(":button") 选取所有 type="button" 的 元素 和 元素 $("tr:even") 选取偶数位置的 元素 $("tr:odd") 选取奇数位置的 元素