jquery就是对js的一个封装 ,我们可以通过jquery的来实现复杂的js调用
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/be2c516351b13daf81fb3fe44f8061f2.png)
共分为8部分如上面的思维导图所示
入口函数
在页面完成后就会自动加载该函数 ,jQuery内容一般写到该函数中
格式为 $(function(){})
例如
<script type="text/jscript" src="../lib/jquery-3.5.1.js"></script>
<script type="text/javascript">
$(function(){
$("#dis").click(function(){
$(":checkbox").attr("checked",false)
})
});
</script>
选择器
基本选择器
一些基本元素和标签的选定
表单选择器
表单元素的选定
过滤器
基本过滤器
普通标签的筛选
表单过滤器
表单元素的筛选
常用函数
这里给展示8个常用的jQuery函数
绑定事件
事件和对应的操作该如何绑定呢?这里提供两种方法
AJAX函数
在jQuery中提供了对ajax的操作
省去了之前的那种繁琐的步骤(之前的操作)
实例
<script type="text/javascript" src="js/jquery-3.5.1.js"></script>
<script type="text/javascript">
$(function () {
$("#but").click(
function () {
//使用ajax
$.ajax({
type:"get",
url:"province",
dateType:"json",
success:provinceAdd//可以使用provinceAdd来代替provinceAdd(data)
})
}
)
$("#province").change(function () {
var info=$("#province>option:selected")
$("#city").empty();
$.get("city",{cityid:info.val()},function (data) {
$.each(data,function (index,element) {
$("#city").append("<option value='"+element.name+"'>"+element.name+"</option>")
})
},"json")
})
})