jquery的引入

1.官网下载jquery文件保存到本地通过script的src引入

2.直接通过srcipt的src链接官网文档的地址

jq操作页面

//jq选择器  - 得到的是jq对象 - jq对象可以调用jq库里的所有功能
    //$和jquery是一样的 语法 let h1 = $('css语法')
        let h1 = $('.d1');
    //jq对象我们可以把他看成一个装着js对象的数组，因此我们可以根据索引取出想要的js对象
        let h = $('div')[0];  // 这样取出来的js对象
    //假如我们匹配出了多个标签对象，又向指定固定标签的jq的对象，可以使用eq()的方法
        let hh = $('.head').eq(1); // 取出的就是第二个标签对应的jq对象
    //总结
        `
        1.$('css选择器语法') 就是jq选择器 获得的是jq对象，jq对象可以理解为存放了js对象的数组(存放了几个不需要关心)
        2.jq对象转换为js对象  jq对象[js对象所在的索引]  - 可以使用js语法
        3.js对象转换成jq对象  $(js对象)  - 可以使用jq语法

        `;
//操作页面三步骤 1.获取标签 2.绑定事件 3.操作标签

$('.d2').click(function (ev) {
    //传进来的ev还是鼠标对象
    console.log(ev);
    console.log(ev.clientY);
    console.log(ev.clientX);
    //jq事件中的this还是js对象，可以直接使用js语法，如果还想使用jq语法，需要转成jq对象
    $(this);    //转成了jq对象
    //也可以在事件中获取任何标签的jq对象，通过css选择器语法
    $('body');  //body的jq对象
})

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/js/1915.html