《jQuery 的详细理解》

开发工具与关键技术：VS MVC 
作者：黄姗姗
年级：18级
撰写日期：2019年5月6日

jQuery是JavaScript的一个库，极地简化了JavaScript的繁杂编程。
1.怎么引用jQuery：
在HTML代码中的< head >之间添加<scruptsrc=“content/js/jquery.min.js”>

2.JavaScript和jQuery获取ID的方式：
JavaScript获取元素ID的方式： decument.getElementByID(ID)
jQuery获取元素ID的方式：$(“#ID”)

3.JavaScript和jQuery获取class的方式：
JavaScript获取元素class的方式： decument.getElementByclassname (‘name’)
jQuery获取元素class的方式：$(“.name”)

4.jQuery中.val()、.html()、.text()获取的值：
$("#ID").val();取到该ID元素中的value的值
$("#ID").html();取到该ID元素中的html代码
$("#ID").text ()；取到该ID元素中的文本

5.jQuery中.val()、.html()、.text()设置值：
$("#ID").val(“test”);设置该ID元素中的value的值
$("#ID").html(" < p >< /p>"); 设置该ID元素中的html代码
$("#ID").text (“123”)；设置该ID元素中的文本

6.jQuery 选择器
1、基本选择器
1、$("*")；获取所有元素

2、$("#test")；获取ID="test"的元素

3、$(".classname");获取所有class=“classname"的元素
4、假如一个div里面有很多p标签:

获取这个div中的第一个p标签元素可以这样：
$(”.test p:first")

获取这个div中的最后一个p标签元素可以这样：
$(".test p:last")

2、属性过滤选择器

获取这个input中的值，有三种种方法
第一、 利用基本选择器：$(“#PubliCourseName”).val();

第二、 属性过滤选择器：$(“input[name=“title”]”).val(); // name属性值为title的input元素,这样就不用每个input都设置ID了；

第三、 属性过滤选择器：$(“input [id=” PubliCourseName “]”).val(); // id属性值为PubliCourseName的inpute 元素

7.jQuery绑定节点/元素事件
jQuery 事件的绑定：

$(“#InsertPublic”).click(function(){
alert(“jQuery事件绑定”);
})
JavaScript 事件的绑定：

这个要在HTML元素上写某事件的函数，这个是点击事件、执行的方法是Inset();
该函数有参数就要设置参数，这里没有的。
然后就要创建一个Inset()方法;
function Insert(){
alert(“JavaScript事件”)
}