Jquery

基础语法： $(selector).action()

selector

[属性名]    -->    匹配包含给定属性的元素

 :first    -->    获取第一个元素   

:not(selector)    -->    用于筛选的选择器(即取反)       ......还可以选择奇数偶数

 常用方法：

                 .val()       .html()  //js的innerHtml        .text() 就是js的innerText      

                .attr(b，“”);   .prop(b，“”)//取得a控件b属性的值   后者为节点固有属性以及真假值的类型

                 .focus(function(){});//聚焦事件    .blur(function(){});//失焦事件

                 .hide()、.show()  .toggle()

                 .css("属性","值") 

                 .find("option[value='?'] input[name='?'] select[name='?']")     

                .load(*.html) 载入一个文件

                 $.bind(事件名,function) 绑定事件-----------被$.on()替代

                .addClass(class)    .removeClass(class)

                .parent()//获得该id元素的父元素   

                .children()//获得该id元素的子元素  .children("a")//获得该元素子元素中的a标签元素

                .sibling();//获得该id元素的同辈元素   .index() 方法返回指定元素相对于其他指定元素的 index 位置

                 .map(callback) 遍历元素返回

                 .empty() 清空内容  remove()

                .height();/width    .offset();//获得当前id控件的位置信息

                .append(str);//动态的给该控件内 在后面追加代码    .after()在被选元素后插入指定的内容（作为下一个元素）

                 .eval(str);//动态执行字符串     .trim(str);//去空格

                $("#id li").each(function(a,b){});//循环一个控件、数组、Json,例如:li,a为当前循环内容的索引，b为每一个当前循环的控件，都为必填    $(selector).each(function(index,element)

                $.extend( target [, object1 ] [, objectN ] )  将object的属性合并到target中 ，如有同名的属性，以object为新的

                $.proxy(function,context)   $.proxy(context,name) 最主要就是用来修改函数执行时的上下文对象的 其实就是call apply

https://www.cnblogs.com/cherishSmile/p/8359317.html参考

事件： 

混淆点

1.$('#userName') 、$('#userName').eq(0) 打印出来的是jquery 对象，而 $('#userName')[0] 打印出来的是dom对象

2.jquery对象：使用jq的属性和方法，通过 .text('newValue')  .html(....) 来改变div的值

   dom对象：使用dom属性和方法，通过 innerText 、innerHTML 这两个DOM属性修改div的值，而不能混用jq对象的属性和方法

3.attr和prop的使用场景：大部分使用attr()

添加属性名称该属性就会生效应该使用prop();

是有true,false两个属性使用prop();（如'checked','selected','disabled'等）

4.$("p").not(":eq(1)").css("background-color","yellow");  在p标签中选取索引值不为1的元素

 

难点

1.上传图片或者文件 

 $("#submitImg").click(function () {
            if ($("#bigImg").attr('src')) {
                let formData = new FormData() //创建一个forData 
                console.info("theFile2", theFile)
                formData.append('img', theFile) //把file添加进去  name命名为img  后台接收 name=img即可
                $.ajax({
                    url: '',
                    data: formData,
                    type: "POST",
                    async: false,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function (msg) {
                    },
                    error: function (msg) {
                        alert("上传失败")
                    }
                })
            } else {
                alert("请先选择要上传的图片")
            }
        })