【前端基础--8】

时间对象




    
    
    Document


    

Ajax

有前后交互能力

同步访问:客户端向服务器发送请求时,服务器处理数据而浏览器只能等待,效率低。

异步访问:客户端向服务器发送请求时,服务器在处理数据的过程中客户端可以做其他操作。




    
    
    Document



    
    


jQuery

是JavaScript的工具库。对原生js代码中的方法,dom操作、事件处理等进行了封装,提供了更完善更简单的方法。

可以在这里面找:

BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务z

找到jQuery,复制

获取元素

标签名获取:$('p')

id选择器:$('#id名')

class选择器:$('.类名')

子级选择器:$('ul>li')


    
  • 你好呀
  • 这里是一花
  • 这里是二乃
  • 这里是三玖
  • 这里是四叶
  • 这里是五月

操作元素

读取标签内容/设置:$('').html()     //会解析标签

读取标签文本/设置:$('').text()     //不会识别标签

读取表单内容值 (input输入的):$('').val()


    

操作标签属性


    
    
    

    
    
    

操作样式




    
    
    Document
    


    
  • 英雄联盟
  • 赛博朋克
  • 双人成行
  • 永劫无间

文本

节点增删改




    
    
    Document


    
    

第一个

第二个

第三个

第四个

第五个

动画效果(隐藏和显示)




    
    
    Document
    


    

上推下拉/若隐若现效果




    
    
    Document
    


    

数组和对象遍历




    
    
    Document


    
  1. 第一个
  2. 第二个
  3. 第三个
  4. 第四个
  5. 第五个
盒子

你可能感兴趣的:(前端)