Jquery基础

本文介绍了XML数据格式的定义、使用方法及缺点,指出XML在现代已较少使用,而JSON因其简洁和易解析成为主流。接着,文章详细讲解了jQuery的基本概念、用途、版本特点以及操作元素、事件绑定、动画效果等核心API的使用方法,强调jQuery简化了JavaScript的DOM操作。
摘要由CSDN通过智能技术生成

1、XML数据格式:
   面试题:HTML、XHTML、DHTML、XML分别是什么?
    HTML - 网页(预定义标签)
    XHTML - 更严格的网页
    DHTML - 动态效果的网页:并不是新技术,只是统称:HTML+CSS+JS(dom)
    XML - 配置文件|数据格式 - 现在几乎没人使用,因为最流行的是JSON - 未知的标签语言(没有任何一个预定义的标签,所有标签都需要你自定义)

   如何使用:
    1、创建后缀名.xml的文件
    2、声明头部:<?xml version='1.0' encoding='utf-8'?>
        version:版本只能用1.0,还有1.1,但是1.1版本几乎无人使用,所以1.0是目前唯一的版本,而且以后都不用学习新的了
        encoding:设置中文编码
    3、创建一个根标签:必须是双标签,只能有一个 - 标签名你随意
    4、里面想放什么标签,你随意
    5、打开查看:apache打开,依然使用服务器端方式进行访问
    6、前端依然使用ajax获取xml数据:
        不同:
          1、url->"xx.xml";
          2、xhr.reponseText->xhr.responseXML;

            var xhr=new XMLHttpRequest();
            xhr.open("GET","01我们的第一个xml文件.xml");
            xhr.send(null);
            xhr.onreadystatechange=()=>{
                if(xhr.readyState==4&&xhr.status==200){
                    var dom=xhr.responseXML;//返回的dom我们可以使用核心DOM进行解析数据
                }
            }

        XML缺点:解析数据过于繁琐
        1、以后根本不会见到
        2、以后就算见到也不会是一个xml文件

2、*****JSON数据格式:Javascript Object Notation:js对象表示法
   作用:数据格式 - 文本数据
   比XML更简洁,更快,更容易解析
   1、认识【JSON字符串】:
    1、'[1,2,3,4,5]';
    2、'{"name":"xxx"}';
       *3、'[{},{},{},{}]';
    4、'{"names":[姓名1,姓名2,...],"age":[年龄1,年龄2,...]}'

   2、服务器端如何将数据变为JSON字符串:
    PHP:echo JSON_encode($arr);
    Node:JSON.stringify(arr);

   3、前端如何将JSON字符串拿到变为JSON对象:
    1、eval("("+json字符串+")");
    2、JSON.parse(json字符串);

jquery概念:
   jQuery是一个js类库,类库:其实就是一个js文件,别人提供的对象(属性和方法):压缩版(正式上线项目)和未压缩的源代码版
   目的:简化js - DOM、事件、ajax
   版本:
     1.11.3 - 2.xx版本以上就不再支持老IE,做了向上兼容,1.11.3版本也能使用到最新的特性

   常识题:jQuery有的人称呼叫做js库,而有的人称呼叫做js框架
    那些称呼jQuery是一个库的人都是不够了解:jQuery由4个方面组成
        1、jquery.js - 库:简化了js,大部分人只知道

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值