【无标题】Jquery入门
了解 3W1H 的含义
1.jQuery What?是什么？
了解 3W1H 的含义
1.jQuery What?是什么？
*JavaScript库：封装了很多JS代码（类库） EXjs
*JavaScript库
Prototype:是最早成型的JS库之一，对于JS的内置对象做了大量的扩展。
Do jo：提供了很多奇特JS库没有提供的功能。例如：离线存储的API，生成图的 组件等等。
YUI：是由Yahoo公司开发的一套完备的，扩展性良好的富交互网页程序工作集。
Ext JS：原本是对YUI的一个扩展，主要用于创建前端用户界面。
Moo Tools：是一套轻量、简洁、模拟化和面向对象的JS框架。
jQuery：同样是一个轻量级的库，拥有强大的选择器等更多优点，吸引了更多开发 者去学习使用它。
*官方地址：http://jquery.com/
2.Why?为什么要学习？
查看官方jQueryLOGO：理念write less，do more
为了简化JavaScript开发：选择器、CSS、HTML事件处理、JS动画、浏览器兼容、丰富插件
3.Where?哪些情况下用？
中大型网站开发
是一些前端框架的基础，比如EasyUI，Bootstrap
4.How?怎么用？
工具：HBuilderX
案例1：点击按钮获取输入框中的值（JS对比jQuery）
使用jQuery步骤
1.下载jQuery库
开发版本：jquery-3.3.1.js
生产版本：jquery-3.3.1.min.js
2.引入：将js文件复制到项目中
3.使用
jQuery的文件的结构
1.打开jQuery库查看后 有一个基本架构
.function(){}())
上述这种结构称为自执行函数结构，作用就是自己定义调用自己自动执行
自执行函数也叫立执行函数 ，是将函数的声明和调用合并在一起
自执行函数的定义 ——> 闭合函数
2.Why?为什么要学习？
查看官方jQueryLOGO：理念write less，do more
为了简化JavaScript开发：选择器、CSS、HTML事件处理、JS动画、浏览器兼容、丰富插件
3.Where?哪些情况下用？
中大型网站开发
是一些前端框架的基础，比如EasyUI，Bootstrap
4.How?怎么用？
工具：HBuilderX
案例1：点击按钮获取输入框中的值（JS对比jQuery）
使用jQuery步骤
1.下载jQuery库
开发版本：jquery-3.3.1.js
生产版本：jquery-3.3.1.min.js
2.引入：将js文件复制到项目中
3.使用
jQuery的文件的结构
1.打开jQuery库查看后 有一个基本架构
• (function(){}())
上述这种结构称为自执行函数结构，作用就是自己定义调用自己自动
自执行函数也叫立执行函数 ，是将函数的声明和调用合并在一起
自执行函数的定义 ——> 闭合函数
函数 （需要手动调用）
function add() {
alert(123)
}
// 手动调用
// add();
// 1.参数为匿名函数时，意思：加载函数 $(function(){});
// 2.参数为字符串时，有两层意思
// 2.1 获取页面元素（选择器） $("#id") $(".class")
// 2.2 创建标签 $("");
// 3.参数为DOM对象（js对象） 意思：转换
* $(function(){}) 加载函数
* $(“选择器”)
* $(“标签”)
* $(DOM对象) 转换
【无标题】Jquery入门相关推荐
- jQuery入门实操-css操作，鼠标点击事件，页面计算器
前言 本文是学习jQuery中的一些实践,是jQuery入门的实操案例.更多语法可参考w3school的jQuery参考手册 jQuery是一个快速.简洁的JavaScript框架,是继Prototy ...
- jQuery入门、选择器、事件、静态方法、动画
目录 第一章-jQuery基础知识 1.jQuery入门 1.1.jQuery介绍 1.2.jQuery安装 1.3.jQuery函数 1.4.jQuery对象 2.jQuery选择器 3.jQuer ...
- jQuery入门基础-附案例
文章目录 预备知识与后续知识及项目案例 为什么要学jquery jQuery介绍 JavaScript 库 jQuery的概念 jQuery的优点 体验jquery的使用 jquery到底是什么 jq ...
- 无废话ExtJs 入门教程十七[列表：GridPanel]
无废话ExtJs 入门教程十七[列表:GridPanel] extjs技术交流,欢迎加群(521711109) 在Extjs中,GridPanel用于数据显示,即我们平时说的列表页.在本节中,我们先对 ...
- jQuery——入门（三）JQuery DOM操作（核心处理和文档处理）
jQuery--入门(三)JQuery DOM操作(核心处理和文档处理) 一.核心处理(JQuery对象访问) 1.页面加载检测函数:$(document).ready(function(){}); ...
- Web前端JQuery入门实战案例
前端jquery入门到实战 为什么要学习Jquery?因为生活. 案例: <!DOCTYPE html> <html lang="zh-CN"> <h ...
- jQuery复习-(jQuery入门,jQuery语法(DOM),jQuery动画)
jQuery入门 jQuery的概述 jQuery是概念: jQuery是一个第三方框架(库) 框架:别人写好的js代码文件 框架好处:复制粘贴提高代码效率 jQuery的作用: DOM操作(主要) ...
- Day15(Js入门、jquery入门、ajax入门、前后端分离开发跨域问题、linux环境准备、jdk_tomcat环境搭建、docker介绍及应用(docker安装、基本命令、安装tomcat))
js入门 js代码辅助 window–>preferences–>javaScript–>Content Assist .abcdefghijklmnopqrstuvwxyz alt ...
- 无废话ExtJs 入门教程六[按钮：Button]
无废话ExtJs 入门教程六[按钮:Button] extjs技术交流,欢迎加群(201926085) 继上一节内容,我们在表单里加了个两个按钮"提交"与重置.如下所示代码区的第6 ...
- 前端学习——jQuery入门篇
一. jQuery入门 1.1 初步感受jQuery 使用jquery简单写个tab切换小案例 <!DOCTYPE html> <html lang="en"&g ...
最新文章
- 树套树 ----- P1975 [国家集训队]排队(树状数组套权值线段树求动态逆序对)
- oracle 备份格式dmp解析,Oracle 数据导入备份（dmp格式）
- C++ 十大经典排序算法原理及模板之STL方法实现以及稳定性分析
- 【Python 】绘制惊艳的桑基图
- Java环境变量CLASSPATH详解
- Springboot2.x使用redis作为缓存
- new 对象时的暗执行顺序
- sql docker容器_了解SQL Server Docker容器中的备份和还原操作
- 移动端测试===adb shell top命令解释
- 2012年考研大纲词汇方便打印版(免费分享)
- 卸载windows激活码
- 如何装计算机网络驱动,网卡驱动安装,详细教您电脑网卡驱动怎么安装
- 河南师范大学python+学习笔记6 组合数据类型
- GO分析和KEGG分析都是啥？
- 按键精灵文字识别插件_【买三赠一】iOS按键精灵VIP夏季特惠进行中
- 域名是否被微信、qq拦截?怎么查询
- 给bootstrap-treeview增加点击事件，单击菜单也能展开和折叠
- 使用HttpParser类解析网页
- pt mysql_pt(Percona Toolkit)工具介绍
- 高光谱解混（一）——高光谱分解综述：基于几何，统计和稀疏回归的方法