jQuery-2018-3-20

1.

jQuery 库 - 特性

jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性：

• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX

• Utilities2
• <script type="text/javascript">
• $(document).ready(function(){
• $("button").click(function(){
  $("p").hide();
  });
  });
  </script>
  

• jQuery 语法

  jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

  基础语法是：$(selector).action()

  • 美元符号定义 jQuery
  • 选择符（selector）“查询”和“查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

  jQuery 元素选择器

  jQuery 使用 CSS 选择器来选取 HTML 元素。

  $("p") 选取 <p> 元素。

  $("p.intro") 选取所有 class="intro" 的 <p> 元素。

  $("p#demo") 选取所有 id="demo" 的 <p> 元素。

  语法	描述
  $(this)	当前 HTML 元素
  $("p")	所有 <p> 元素
  $("p.intro")	所有 class="intro" 的 <p> 元素
  $(".intro")	所有 class="intro" 的元素
  $("#intro")	id="intro" 的元素
  $("ul li:first")	每个 <ul> 的第一个 <li> 元素
  $("[href$='.jpg']")	所有带有以 ".jpg" 结尾的属性值的 href 属性
  $("div#intro .head")	id="intro" 的 <div> 元素中的所有 class="head" 的元素

  jQuery 事件

  下面是 jQuery 中事件方法的一些例子：

  Event 函数	绑定函数至
  $(document).ready(function)	将函数绑定到文档的就绪事件（当文档完成加载时）
  $(selector).click(function)	触发或将函数绑定到被选元素的点击事件
  $(selector).dblclick(function)	触发或将函数绑定到被选元素的双击事件
  $(selector).focus(function)	触发或将函数绑定到被选元素的获得焦点事件
  $(selector).mouseover(function)	触发或将函数绑定到被选元素的鼠标悬停事件