jquery介绍
jquery框架就是封装了一些js的文件即js的一些方法,html只需要引用jquery文件,使用方法时改成$符号来引用就可以用了
JQuery 基础:
概念: 一个JavaScript框架。简化JS开发
* jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优 化HTML文档操作、事件处理、动画设计和Ajax交互。
JavaScript框架:本质上就是一些js文件,封装了js的原生代码而已
导入JQuery
导入导入3.3.1min.js文件
在html中引用
例如
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.3.1.min.js"></script> </head> <body> <div id="div1">dic1...../</div> <script> var div1 = $("#div1"); alert(div1.html()); alert(div1.text); </script> </body> </html>
JQuery对象和JS对象区别与转换
- js – > jq : $(js对象)
JQuery基本操作学习:
1. 事件绑定 //1.获取b1按钮 $("#b1").click(function(){ alert("abc"); }); 2. 入口函数 $(function () { }); window.onload 和 $(function) 区别 * window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉 * $(function)可以定义多次的。 3. 样式控制:css方法 // $("#div1").css("background-color","red"); $("#div1").css("backgroundColor","pink");