jQuery基础一

一、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('<p>呵呵</p>')

五、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是后端返回过来的数据
})