jquery学习2_jquery知识预览
jquery学习2_jquery知识预览
jquery版本:
大版本
1.x版本:能够兼容IE678浏览器 2.x版本:不兼容IE678浏览器 1.x和2.x版本jquery都不再更新版本了,现在只更新3.x版本。 3.x版本:不兼容IE678,更加的精简(在国内不流行,因为国内使用jQuery的主要目的就是兼容IE678)
压缩版和未压缩版
jquery-1.12.4.min.js:压缩版本,适用于生产环境,因为文件比较小,去除了注释、换行、空格等东西,但是基本没有颗阅读性。 jquery-1.12.4.js:未压缩版本,适用于学习与开发环境,源码清晰,易阅读。
压缩版和未压缩版用起来是一样的!
jquery入口函数
jQuery入口函数与js入口函数的对比
JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。
jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。
//第一种写法 $(document).ready(function() {}); //第二种写法 $(function() {});
Jquery对象和Dom对象
DOM对象:使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。
jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。
注意:
jQuery对象其实就是DOM对象的包装集(包装了DOM对象的集合(伪数组)),但是DOM对象与jQuery对象的方法不能混用。
DOM对象获取是一个一个的,JQuery对象获取的是一个数组。
jQuery对象转换成DOM对象:
var $li = $(“li”); //第一种方法(推荐使用) $li[0] //第二种方法 $li.get(0)
jquery取名
我们一般获取的jQuery对象,取名的时候前面带个$,表名它是jquery对象。
$函数作用
// 参数为函数:入口函数 $(function() {}); // 参数为dom对象:转化为jquery对象 $(document).ready(function(){}); // 参数是一个字符串:用来找对象 $("div") $("#btn") $(".current")
jquery学习2_jquery知识预览相关推荐
- jQuery Lightbox图片放大预览
简介:jQuery Lightbox图片放大预览代码是一款可以在用户点击页面中的小图片时,将该图片的高清版本以Lightbox的方式放大显示在页面的中间,提高用户的体验度. 效果展示 http://h ...
- html图片点击局部放大,jQuery教程 css+jQuery实现图片局部放大预览
本篇教程介绍了jQuery教程 css+jQuery实现图片局部放大预览,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 今天有时间开始动手,使用css+jquer ...
- 最简易的JQUERY折叠菜单 有预览效果
效果: HTML代码: <div class="menu"> <div class="haschildren"> < ...
- php打印预览jquery,php 实现打印预览的功能
.noprint{display : none} 不需要打印的地方 functionpreview(oper) { if (oper <10) { bdhtml=window.document. ...
- wcf学习(一):预览
WCF的全称是:Windows Commnication Foundation.WCF,是微软对一系列产业标准定义的实现,是面向服务实现的比较好的途径.传统的三层结构模式一般为:数据访问层.业务逻辑层 ...
- html5 点击图片预览放大,jQuery超实用图片放大预览特效插件
大自然的自述 过去,我这儿有新鲜的空气,清澈的河流,雄伟的高山,一望无际的草原,郁郁葱葱的森林.天空中,小鸟在自由自在的飞翔:水里,小鱼在快活的游来游去:森林里,动物们快乐地嬉戏,人类辛勤的种植.一切 ...
- jQuery实现上传图片的预览
在html中: <form id="certForm" method="post" enctype="multipart/form-data&q ...
- php+jquery实现图片上传预览_和拖动位置值,PHP教程:thinkphp jquery实现图片上传和预览效果...
<PHP教程:thinkphp jquery实现图片上传和预览效果>要点: 本文介绍了PHP教程:thinkphp jquery实现图片上传和预览效果,希望对您有用.如果有疑问,可以联系我 ...
- 简单的实现图片预览, 通过原生ajax以及 jQuery两种方法实现图片预览,有更好的办法可以留言喔...................
1.原生写ajax实现图片预览: 结构: <input type="file"> <img src="" alt="&q ...
最新文章
- 解决 minicom 不能接收键盘输入问题
- ML之FE:数据处理—特征工程的简介、使用方法、案例应用之详细攻略
- 【转】RabbitMQ六种队列模式-3.发布订阅模式
- Chapter7-9_Deep Learning for Dependency Parsing
- 半路学编程,可以成为大牛吗?
- 个人看法---团队合作
- Nginx——配置负载均衡
- exit(0)和exit(1)解释
- java9模块不可见问题
- LVGL(2)Visual Studio模拟器使用
- oracle 11G创建表空间、用户、配置监听和TNS
- BZOJ2243[SDOI2011] 染色
- PHP 获取微视无水印源地址_PHP快速实现解析无水印播放地址URL——快手篇
- 学术英语视听说2听力原文_大学学术英语视听说2-高迎慧
- 从administrator到system权限的几种方式
- 青蛙的约会(ojld)
- 【餐厅点餐平台|一】项目描述+需求分析
- 《iOS Human Interface Guidelines》——Terminology and Wording
- 利用arcgis进行excel数据的空间相关性分析
- 上海电机学院计算机类分数,2021年上海电机学院投档线及各省最低录取分数线统计表...