前端 jQuery框架

目录

一、框架原理

二、jQuery官方文档

三、jQuery的核心

四、jQuery的CSS

五、jQuery的选择器

六、jQuery的筛选

七、jQuery的事件实现

八、jQuery的属性

九、jQuery的效果

十、jQuery的文档处理

 使用jQuery编写购物车

 十一、JS对象的存储

省市联动

 Ajax


一、框架原理

bootstrap: 帮我们写好了一个css文件 里面定义好了很多的css样式
          .table{width:100%;}
          我们在使用的时候 只需要在html中写标签 添加响应的class即可
          


           学习有哪些class 会有什么效果

jquery   : 我们使用原生的js,需要实现很多的页面动态效果,所有的效果都需要我们自己手动写逻辑
           jquery就是使用js代码帮我们写好了很多的动态特效,我们需要使用的时候只需要调用其写好的函数即可

二、jQuery官方文档

jQuery 是一个快速、小型且功能丰富的 JavaScript 库。它使 HTML 文档遍历和操作、事件处理、动画和 Ajax 之类的事情变得更加简单,它具有易于使用的 API,可在多种浏览器中工作。jQuery 结合了多功能性和可扩展性,改变了数百万人编写 JavaScript 的方式

jQuery API中文文档https://jquery.cuishifeng.cn/ jQuery CDN加速https://www.jq22.com/cdn/

 

	
		
		
	    
	
     
		 
	

三、jQuery的核心

        原生js的代码

        

        jQuery的代码

        

四、jQuery的CSS

        原生js的css写法



	
		
		
		
	
	
		
hello word

        jQuery的css写法



	
		
		
		
	
	
		
hello word

五、jQuery的选择器

这只是其中的一个使用方法  具体实现方法看jQuery API 中文文档



	
		
		
		
	
	
		
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery

六、jQuery的筛选

这只是其中的一个使用方法  具体实现方法看jQuery API 中文文档



	
		
		
		
	
	
		
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery

七、jQuery的事件实现

这只是其中的一个使用方法  具体实现方法看jQuery API 中文文档



	
		
		
		
	
	
		
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery

八、jQuery的属性

这只是其中的一个使用方法  具体实现方法看jQuery API 中文文档



	
		
		
		
		
	
	
		
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery

九、jQuery的效果

这只是其中的一个使用方法  具体实现方法看jQuery API 中文文档



	
		
		
		
		
	
	
		
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery
  • 快速学习jQuery

十、jQuery的文档处理

这只是其中的一个使用方法  具体实现方法看jQuery API 中文文档



	
		
		
		
		
	
	
		
		
		

 使用jQuery编写购物车



	
		
		
		
		
		
	
    
		
		
商品名称 商品价格 商品数量 商品操作 总计

jQuery教程https://www.runoob.com/jquery/jquery-tutorial.html

 十一、JS对象的存储

数据存储的一种格式
    
        A  变量:就是编程中最小的存储单元 能存储单一数据
           var a = 20;
           但是变量只能存储一个数据不能表现数据之间的联系:
           var a = 180; var b = 190; var c = 50; var d = 60;

        B  数组:一个数组能存储一组数据
           var arr1 = [180,190];  var arr2 = [50,60];
           但是数组对数据的操作是使用索引值/下标,我们只知道数组中数据的编号 arr1[0] 所以没有语义化

        C  对象:能存储一组数据(能存储多个)并且有语义化 【字符串  正则 日期 FileReader

 简单的存取



	
		
		
	
	
		
	

复杂的存取



	
		
		
	
	
		
	

省市联动



	
		
		
		
	
	
		
	

 Ajax



	
		
		
		
		
	
	
		
		

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