jQuery是一个JavaScript数据库。

jQuery是一个轻量级的写得少,做得多的javascript库,jQuery极大的简化了JavaScript编程。

对于JQuery的应用版本,我们可以在console窗口使用$.fn.jquery命令查看。

JQuery语法

jQuery通过选取html元素,并对选取的元素执行某些操作。基础语法:$(select).action();

实例:$(this).hide();$("p").hide() ;$("#test").hide();

实例中的所有JQuery函数位于一个document ready函数中:

哪里学jquery视频教程 jquery怎么学_加载

 

 这是为了在文档完全加载之前运行jquery代码,即在DOM加载完成之后才可以对DOM进行操作。

简洁的写法:

哪里学jquery视频教程 jquery怎么学_加载_02

 

 

 

哪里学jquery视频教程 jquery怎么学_jQuery_03

 

 

 

笔记:

以上的两种方式是jQuery的入口函数,JavaScript的入口函数:

哪里学jquery视频教程 jquery怎么学_加载_04

 

jquery与JavaScript的入口函数的区别:

  • jquery的入口函数是在所有html所有标签(DOM)都加载之后,就会去执行。
  • JavaScript的window.onload事件是等到所有内容,包括外部图片之类的文件加载完之后,才会执行。 

 

jquery选择器

哪里学jquery视频教程 jquery怎么学_选择器_05

 

 笔记:

  • 通过$(“:button”)可以选取所有type=button的<input>元素和<button>元素,如果去掉:,则只能获取<button>元素。
  • 关于 : 和 [] 这两个符号的理解

      :可以理解为种类的意思,如:p:firstp 的种类为第一个。

      [] 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。

  • 表单选择器

     $(“:button”)为jQuery中的表单选择器(与过滤选择器同级),旨在选择所有的按钮。

     :即为jQuery的过滤选择器

哪里学jquery视频教程 jquery怎么学_jQuery_06