一、jQuery认识
1、它是对JavaScript进行二次封装的工具函数集合
2、它是一个简洁高效且功能丰富的JavaScript库
二、在html文件中怎么使用jQuery
1、在jQuery官方网站中下载
2、通过script中src导入即可
三、页面载入
window.onload() 它是等页面文档树和标签及其中的内容全加载完毕后,执行回调函数
$(document).ready(function () {}) jQuery文档树加载完毕,执行回调函数 //可以简写成 $(function () {})
四、jq功能
1、选择器var $div1 = $('.div1'); // 括号写css选择器的字符串2、文本操作$div1.text('文档内容');div2.innerText = '文档内容';3、样式操作$div1.css({ width:'200px', height:'200px',}).css('background-color','red');4.类名操作$div1.toggleClass('active')5.事件操作$div1.on('click',function () {})6.动画操作$div1.slideup();7.文档操作$div1.append('呵呵
')
五、js和jq直接相互转换
js转换成jq $div2 = $(div2)jq转换成js div1 = $div1[0]
六、ajax
$.ajax({ key:value形式 url:'路由地址', data: { key:value },//携带的数据 success:function(data) { console.log(data) } //data是后端返回过来的数据})