jQuery

目录

1、初识JQuery及公式

获取JQuery

2、JQuery选择器

选择器

3、JQuery事件

事件

4、JQuery操作Dom元素

操作DOM

---

1、初识JQuery及公式

• JavaScript是个工具
• JQuery是个库，里面存在大量的JavaScript函数

获取JQuery

上面是开发，下面是生产（可以两个都下载下来）  （去jQuery官网下载！）

导入包

 

 

官网：jQuery

中文文档：jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm

 

$(selector).action()

    
    
    

    
    




点我

 

输出效果：

 

2、JQuery选择器

选择器

 

需要其他的选择器就去这里面找：jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm (cuishifeng.cn)  

 

3、JQuery事件

事件

• 鼠标事件，键盘事件，其他事件

 

    
    
    
    

    





mouse : 

    在这里点击鼠标试一试

 

输出效果：

 

4、JQuery操作Dom元素

操作DOM

节点文本操作  

    
    
    



    
JavaScript
    
Python

 

 

 

 $('#test-ul li[name=python]').text();//获取值

 

 

 

 $('#test-ul li[name=python]').text('123');//设置值

 

 

 

$('#test-ul').html();//获得值

 

 

$('#test-ul').html('123');//设置值

 

css操作

    
    
    



    
JavaScript
    
Python

 

 

元素的显示和隐藏：本质display:none

    
    
    



    
JavaScript
    
Python

 

 

测试

$(window).width()
$(window).height()
$('#test-ul li[name=python]').toggle()