jQuery 之快速入门

jquery就是对js的一个封装 ，我们可以通过jquery的来实现复杂的js调用

共分为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")
        })

    })