jQuery的补充

1.jQuery同时选中多个标签
a.同时处理 - 直接操作选中的jQuery对象，就是同时操作被选中的所有标签

当获取到的标签有多个的时候，我们就要用容器型的对象保存，可以通过下标将每个标签一一取出来
注意：单独取出来的标签都是js对象
for(i=0;i<pNodes.length;i++){
        pNode = pNodes[i]
        //使用js的方式操作标签
        pNode.style.color = 'red'
        //使用jq的方式操作标签
        $(pNode).css('font-size', '20px')
    }

2.事件绑定
a.标签.on(事件名，回调函数)  - 指定的标签发送的指定事件后，自动调用对应的函数（回调函数）

（推荐使用!!）
b.标签.on(事件名，选择器，回调函数)  - 给父标签添加事件，将事件传递给选择器选中的子标签，函数中的this是子标签
标签 - 父标签
选择器 - 在父标签中去选择子标签

Ajax

1.什么是Ajax
A- asyuchronous  ja-JavaScript  x-xml
（异步js+xml）
Ajax类似于python中的requests第三方库，专门提供js中的网络请求功能（http请求）
2.使用方法
$.get/post(url,data,fn,type) - 获取url接口提供的数据（get/post的接口）
url - 请求地址（字符串）
data - 参数（对象）
fn - 回调函数（函数），请求结束后，会自动调用这个函数；这个函数的参数的结果就是请求结果
type  - 返回数据的类型（字符串，例如：json,html,text.....）

$.Ajax({url:请求地址，type：'get'/'post',async：是否异步，success:回调函数
})

列子1

<button onclick="getData()">刷新</button>

function getData(){
                $.get('http://api.tianapi.com/meinv/',{key:'772a81a51ae5c780251b1f98ea431b84',num:30},function(result){
    //              console.log(result)
                    var newsLists = result['newslist']
                    for(i=0;i<newsLists.length;i++){
                        news = newsLists[i]
                        imgNode = $('<img style="width: 200px; height: 200px;" />')
                        imgNode.attr('src',news['picUrl'])
                        $('body').append(imgNode)
                    }
                })
            }

image.png

列子2

$.ajax({
                type:"get",
                url:"http://api.tianapi.com/meinv/",
                data:{key:'772a81a51ae5c780251b1f98ea431b84',num:10},
                async:true,
                success:function(result){
                    console.log(result)
                }
            });