abstract： 通过该小节的学习后，让自己对JQuery的基础语法和选择器有了初步的认识，首先JQuery是需要引入页面的，引入的方式可以直接写在body体，也可以在head内写入引入的方式<script type="text/javascript" src="jquery-3.3.1-min.js"></script>,在写JQuer
通过该小节的学习后，让自己对JQuery的基础语法和选择器有了初步的认识，首先JQuery是需要引入页面的，引入的方式可以直接写在body体，也可以在head内写入引入的方式<script type="text/javascript" src="jquery-3.3.1-min.js"></script>,在写JQuery代码时都要写JQuery的文档就绪函数，
$(document).ready(function(){
Jquery代码部分;
})
还有就是选择器，基础选择器，通过标签的Id名class名 还有标签名去获得的写法
：$('.box').css('color','red');
层级选择器写法：$('ul li').css('background','pink')祖先级与后代级元素，UL下边所有的
li全部都会改变背景颜色；
顺序选择器写法：$('p:even').css('color','red');p标签偶数行的元素内容变红色，一般都是从“0”行开始的
对应的奇数行用odd，还有not等；
内容选择器属性选择器写法：$(input'[属性名=属性值]').css('改变的属性','改变的属性值')；
input框下是这个属性名和属性值的所有元素改变，最后一个就是表单选择器；
自己及总结，感觉这么多的选择器，只要页面需要改动的部位有ID名或者class名，用基础选择器就可以实现改变相应的属性及其内容了，为什么还要掌握后边那么多的选择器呀？
感觉掌握几个选择器就可以了，没必要都掌握。
小案例如下：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Jquery选择器</title>
<link rel='shortcut icon' type='image/x-icon' href='../picture/mi.png'>
<link rel='stylesheet' type='text/css' href='../css/css.css'>
<script type='text/javascript' src='jquery-3.3.1.min.js'></script>
<style type='text/css'>
/*css 内部样式填写*/
</style>
</head>
<body>
<!-- 层级选择器（相当于父类和子类的元素关系）
给定的父级元素下匹配所有的子元素： $('父级元素>子级元素')
给定的祖级元素下匹配所有的后代元素： $('祖级元素 后代元素')
匹配紧跟在prev元素后面的next元素：$('prev + next')(同级元素)
匹配prev元素后面所有的siblings元素：$('prev ~ siblings') -->
<script type='text/javascript'>
window.onload=function(){
var a=document.getElementById('user');
a.focus();
//load网页后输入光标在输入框内
}
$(document).ready(function(){
// $('ul').css('margin-left','20px');
// $('ul>li').css('list-style','none');
//父类与子类的元素关系只是去出ul下li的样式
// $('ul li').css('list-style','none');
//祖级元素与后代元素的关系，去除Ul里所有层级里的li的默认样式
$('label+input').css('height','50px');
//只能给label相邻的input该变高度的属性
// $('label~input').css('height','50px');
//可以改变label到最后一个input的高度属性
// $('li:first').css('font-size','50px');
//li标签下第一个元素字体增大
// $('li:even').css('color','red');
//li标签下偶数行字体颜色变红
$('ul:parent').css('background','blue');
//ul标签下所有元素含有内容或者子标签的元素//相当于给无序列表加背景色
})
</script>
<ul>
<li>01</li>
<li>02</li>
<div>
<li>001</li>
<li>002</li>
<li>003</li>
</div>
<li>03</li>
<li>04</li>
<li>05</li>
</ul>
<hr><br>
<label for='user'>用户名：</label>
<input type='username' name='user' id='user' placeholder='请输入用户名'>
<input type='password' name='password' placeholder='请输入密码'>
<input type='button' value='提交'>
<input type='submit' value='提交'>
<input type="reset" value='重写'>
</body>
</html>
Correcting teacher：天蓬老师Correction time：2018-12-06 11:48:54
Teacher's summary：表单选择器, 效率最高的是, 是使用伪类来选择,很遗憾,你几乎没有用, 有空看看手册, jQuery中定义了非常多的,非常方便的表单选择器方法