JQuery


/*
时间:2021/12/07
功能:CSS
目录: 
    一: 官网下载
    二: 使用
    三: 选择器
    四: 选择器过滤
    五: 选择器转移
    六: 标签内容_获取和设置
    七: 标签属性_获取和设置
    八: 常用事件
    九: 事件代理
    十: ajax
        1 get 
        2 post
*/

一: 官网下载

1 : 官网下载地址: https://code.jquery.com/

2 : 选择红框内链接下载。

二: 使用




    
    
    
    Document
    
    
    
    


    
哈哈

三: 选择器




    
    
    
    Document
    
    


    

hello

hi

class_你好
id_你好

h1_你好

四: 选择器过滤




    
    
    
    Document
    
    


    

hi


五: 选择器转移




    
    
    
    Document
    
    


    

二级标签

三级标签

hi

I am div 标签

h3

hello


六: 标签内容_获取和设置




    
    
    
    Document
    
    


    
hi


七: 标签属性_获取和设置




    
    
    
    Document
    
    


    

hi,I'm title


八: 常用事件




    
    
    
    Document
    
    
     

    
  • apple
  • banana
  • orange


九: 事件代理




    
    
    
    Document
    
    


    

hi

  • l_1_hi
  • l_2
  • l_3
  • l_4

p_hi


十: ajax




    
    
    
    Document
    
    


    

{"name":"李四","age":20}

1 : 文件 data.json

  1 get

1 : 启动本机服务器: python -m http.server

1 : 浏览器输入url查看。

1 : Console查看服务端Ajax返回内容。


  2 post

1 : 虚拟机中Ubuntu启动该服务。

2 : 实体机中Windows浏览器输入url和端口查看。

3 : 可以看到服务器返回post请求结果。