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入口函数的对比

  1. JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。

  2. 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知识预览相关推荐

  1. jQuery Lightbox图片放大预览

    简介:jQuery Lightbox图片放大预览代码是一款可以在用户点击页面中的小图片时,将该图片的高清版本以Lightbox的方式放大显示在页面的中间,提高用户的体验度. 效果展示 http://h ...

  2. html图片点击局部放大,jQuery教程 css+jQuery实现图片局部放大预览

    本篇教程介绍了jQuery教程 css+jQuery实现图片局部放大预览,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 今天有时间开始动手,使用css+jquer ...

  3. 最简易的JQUERY折叠菜单 有预览效果

    效果: HTML代码:  <div class="menu">   <div class="haschildren">      < ...

  4. php打印预览jquery,php 实现打印预览的功能

    .noprint{display : none} 不需要打印的地方 functionpreview(oper) { if (oper <10) { bdhtml=window.document. ...

  5. wcf学习(一):预览

    WCF的全称是:Windows Commnication Foundation.WCF,是微软对一系列产业标准定义的实现,是面向服务实现的比较好的途径.传统的三层结构模式一般为:数据访问层.业务逻辑层 ...

  6. html5 点击图片预览放大,jQuery超实用图片放大预览特效插件

    大自然的自述 过去,我这儿有新鲜的空气,清澈的河流,雄伟的高山,一望无际的草原,郁郁葱葱的森林.天空中,小鸟在自由自在的飞翔:水里,小鱼在快活的游来游去:森林里,动物们快乐地嬉戏,人类辛勤的种植.一切 ...

  7. jQuery实现上传图片的预览

    在html中: <form id="certForm" method="post" enctype="multipart/form-data&q ...

  8. php+jquery实现图片上传预览_和拖动位置值,PHP教程:thinkphp jquery实现图片上传和预览效果...

    <PHP教程:thinkphp jquery实现图片上传和预览效果>要点: 本文介绍了PHP教程:thinkphp jquery实现图片上传和预览效果,希望对您有用.如果有疑问,可以联系我 ...

  9. 简单的实现图片预览, 通过原生ajax以及 jQuery两种方法实现图片预览,有更好的办法可以留言喔...................

    1.原生写ajax实现图片预览: 结构:       <input type="file"> <img src="" alt="&q ...

最新文章

  1. 解决 minicom 不能接收键盘输入问题
  2. ML之FE:数据处理—特征工程的简介、使用方法、案例应用之详细攻略
  3. 【转】RabbitMQ六种队列模式-3.发布订阅模式
  4. Chapter7-9_Deep Learning for Dependency Parsing
  5. 半路学编程,可以成为大牛吗?
  6. 个人看法---团队合作
  7. Nginx——配置负载均衡
  8. exit(0)和exit(1)解释
  9. java9模块不可见问题
  10. LVGL(2)Visual Studio模拟器使用
  11. oracle 11G创建表空间、用户、配置监听和TNS
  12. BZOJ2243[SDOI2011] 染色
  13. PHP 获取微视无水印源地址_PHP快速实现解析无水印播放地址URL——快手篇
  14. 学术英语视听说2听力原文_大学学术英语视听说2-高迎慧
  15. 从administrator到system权限的几种方式
  16. 青蛙的约会(ojld)
  17. 【餐厅点餐平台|一】项目描述+需求分析
  18. 《iOS Human Interface Guidelines》——Terminology and Wording
  19. 利用arcgis进行excel数据的空间相关性分析
  20. 上海电机学院计算机类分数,2021年上海电机学院投档线及各省最低录取分数线统计表...

热门文章

  1. android x86兼容arm so,Android SO文件的兼容和适配
  2. 按照功能划分游戏音效有什么类型呢
  3. PHP 实现小偷程序
  4. 探寻人工智能纪录片感想
  5. ajax聊天室_Ajax聊天
  6. 【蓝桥杯选拔赛真题25】python输出指定数据 青少年组蓝桥杯python 选拔赛STEMA比赛真题解析
  7. C语言实现猜数字游戏(通俗易懂)
  8. 渲染性能优化之几种LOD层次细节总结
  9. 2020 消防系统解决方案说明
  10. HTML5 Canvas 北京的美丽园林和雾霾天气