jquery怎么使用

jQuery是一款前端开发框架，jQuery使用的方法如下：

工具／原料：联想威6、win10 20H2、jQuery 3.5.1。

1、jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。

2、然后我们来开始编辑HTML界面代码。

3、如图，使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4、接着再书写一个script标签对，里面写上jQuery入口函数，这样，当我们的HTML加载完成之后就会执行我们的jQuery代码，入口函数写迹模法有两种，function里面就是用来书写执行代码的。

5、如图，我就使姿判缓用alert来在网冲贺页中d出一个警告框。

6、这样，当我们运行我们的网页的时候，就会d出一个窗口，里面有我们的警告内容。至此，jQuery也算简单的入门了解了。

详细请参考https://blog.csdn.net/weixin_40180205/article/details/106037395

1 先创建heml文件，导入 jquery 和mockjs的文件夹

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script> 

 <script src="https://cdn.bootcss.com/Mock.js/1.0.0/mock-min.js"></script>

2 创建一个mock文纯银件夹，在文件夹里面创建一个mock.js文件夹

Mock.mock('/user/userinfo','get',{id:'@id',

    name:'@cname',

    date:'@date()',

    avatar:"@image('200x100', '#50B347', '#FFF', 'Mock.js')",

    ip:'@ip()',

    email:'@email'})

3 将mock.js文件夹引入到html文件夹里面

<script src="./做旁宴mock/mock.js"></script>启神

4 使用ajax发送请求

<script> $.ajax({url:'/user/userinfo',

            //将返回的数据解析成json

            dataType:'json',

            success(data){                console.log(data)               

            }        })    </script>

5 运行就可以了

1、新建一个html文件，命名为test.html。

2、在test.html文件中，使用div标签创建一个模漏森闹块，再返罩使用p标签，b标签创建测试的内容。

3、在test.html文件中，设置b标签的id属性为son，主要用于下面通过该id获得b标签对象。

4、在test.html文件中，使用button标签创建一个按钮，按钮名称为“获得父节点的父节点的兄弟节点内容”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getcon（）函数。

6、在js标签内，创建getcon()函数，在函数内，通过id（son）获得b标签对象 ，重复使用parent()方法获得b标签的父节点的父节点，再使用siblings()获得b标签的父节点的父节春缓点的兄弟节点，通过eq(0)获得第一个兄弟节点，使用text()获得兄弟节点的内容。最后，使用alert()方法将内容输出。

---