第一章-xxx概述

1引入

在线教程https://www.runoob.com/jquery/jquery-hide-show.html

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!--引入jar-->
<script src="common/jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function(){ 
 // 代码
}); 
//保证在dom加载完成后才能操作代码 
//也可以$(function(){  代码}) 
  
 //相当于javaScript的 window.onload=function(){  }
 // 区别 window.onload 网页全部(图片,文件)加载完毕,再执行代码。只能执行一次
//$(document).ready()等待dom结构加载完毕,就能执行代码 可以执行多次
</script>

image-20200530151934031

2选择器

基本选择器

$("#lastname”) id="lastname” 的元素 $(".intro”) class="intro” 的所有元素 $(“p”) 所有 p 元素


层次选择器 空格 > + ~

父元素下所有的子孙元素:$(“ancestor descendant”) 父元素下所有子元素:$(“parent>child”) 紧跟在prev元素下的xx元素:$(“prev+next”) prev元素后的siblings元素(.siblings()获取前后同辈元素):$(“prev~siblings”)

3常用选择器

ajax根据数据判断,当前是否有相同value的复选框$("#roleAuthorityForm :checkbox[value=’“+this.oid+”']").length>0

第二章-