jquery

jquery简介

• jQuery是一个快速、简洁的JavaScript框架，
• jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。

jquery写法

• jQuery 中所有选择器都以美元符号开头：$()

jquery选择器

• Query 选择器允许您对 HTML 元素组或单个元素进行操作
• jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的CSS 选择器，除此之外，它还有一些自定义的选择器。
• 元素选择器
  jQuery 元素选择器基于元素名选取元素。
  $(“p”)：在页面中选取所有p元素
• id 选择器
  jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
  页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。
  $("#test")
• class 选择器
  jQuery 类选择器可以通过指定的 class 查找元素。
  $(".test")

jquery事件处理

例如：页面中指定一个点击事件，下一步是定义什么时间触发事件。您可以通过一个事件函数实现

$("p").click(function(){
    // 动作触发后执行的代码!!
});

jquery动画效果

显示隐藏元素：$().show()
隐藏显示元素：$().hide()
向上滑动：$().slideUp()

淡入淡出
淡入：$(“p”).fadeIn(“slow”);
淡出：$(“p”).fadeOut(“slow”);
使用淡入效果来显示一个隐藏的元素：$(".btn2").click(function(){$(“p”).fadeIn();});