jQuery(二)——语法

四、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个。

全部评论

相关推荐

找不到工作死了算了:没事的,雨英,hr肯主动告知结果已经超越大部分hr了
点赞 评论 收藏
分享
点赞 收藏 评论
分享
牛客网
牛客企业服务