zoukankan      html  css  js  c++  java
  • 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({
        '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是后端返回过来的数据
    })
  • 相关阅读:
    PHP开发者常犯的MySQL错误
    linux 用户管理
    php中mysql数据库异步查询实现
    PHP 安全相关 简单知识
    js倒计时 网上流传最多的
    TP学习笔记
    Java Map
    Java集合技巧
    Java集合之HashSet/TreeSet原理
    Java Set
  • 原文地址:https://www.cnblogs.com/zhuchunyu/p/9830415.html
Copyright © 2011-2022 走看看