四、jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

1、如何使用jQuery？

使用JQuery必须先导入jquery.x.x.x.js文件，有如下两种写法：

　  <script src="jquery-3.2.1.js"></script>

或者

   <script src="jquery-3.2.1.min.js"></script>

2、JQuery的选择器

　　$("选择器名称").函数名();

　$是jQuery的缩写，也就是说，选择器可以使用 jQuery(":input")

①基本选择器

  • ID选择器 ———————— $("#id的值")
  • 类选择器（class） ———— $(".class的值")
  • 标签选择器(html标签) ———$("标签的名字")
  • 所有标签 ———————— $("*")
  • 组合选择器 ——————— $("xx,xxx")

②层级选择器

  • 从一个标签的子子孙孙去找 ———— $("父亲 子子孙孙")
  • 从一个标签的儿子里面找 ————— $("父亲>儿子标签")
  • 找紧挨着的标签 —————————$("标签+下面紧挨着的那个标签")
  • 找后面所有同级的 ———————— $("标签~兄弟")

3、JQuery 文档就绪函数：

　　$(document).ready(function(){
　　　// JQuery代码
　　　console.log(jQuery(":input:disabled"));
　});

　简写形式：$(function(){});

　
JQuery文档就绪函数与JavaScript中的window.onload的区别：

  1. 　window.onload必须等待网页资源（包括图片等）全部加载完成后，才能执行；
    文档就绪函数只需等到网页DOM结构加载完成后，即可执行。

  2. window.onload在一个页面中，只能写一次；
    文档就绪函数在一个页面中，可以有N个。