首页
学习
活动
专区
圈层
工具
发布

jquery第一次课的案例教程

jquery的版本问题 官网下载地址:http://jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x 1.x和2.x版本jquery都不再更新版本了,现在只更新...) 关于压缩版和未压缩版: jquery-1.12.4.min.js:压缩版本,适用于生产环境,因为文件比较小,去除了注释、换行、空格等东西,但是基本没有颗阅读性。...jq对象和dom对象(重要) DOM对象:使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。.../*注意:可传入数字 单位毫秒*/ /*1.展示动画*/ $('li').show(); /*2.隐藏动画*/ $('li').hide(); /*3.切换展示和隐藏...//screenX和screenY 对应屏幕最左上角的值 //clientX和clientY 距离页面左上角的位置(忽视滚动条) //pageX和pageY 距离页面最顶部的左上角的位置

52410
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JQuery选择器和JQuery包装集

    (本文年代久远,请谨慎阅读)今天学习了JQuery的一些基本用法,包括JQuery选择器和JQuery包装集; 从现在开始,要慎重区分DOM对象和JQuery对象,两种对象的方法不同,属性不同,在使用中要特别注意...而在JQUERY中则完全不同,JQUERY提供了异常强大的选择器用来帮助我们获取页面上的对象,并且将对象以JQUERY包装集的形式返回。 "$"符号在JQUERY中代表对JQUERY框架集的引用。...0;i 不是JQuery对象,而是DOM对象} JQuery...由于该事件在文档就绪后发生,因此把所有其他的 JQUERY事件和函数置于该事件中是非常好的做法。...n + 1 : null;}); 结果:[2, 3] 原数组中每个元素扩展为一个包含其本身和其值加 1 的数组,并转换为一个新数组:$.map( [0,1,2], function(n){ return

    3.8K20

    【JQuery框架】JQuery对象和JS对象的区别和转换

    在了解jQuery对象和JS对象之间的区别和转换前,我们先对jQuery框架进行一个简单的入门。...下面分别使用jQuery和不使用jQuery获取标签内容,作一个实际的对比。 和JS对象区别与转换 相比于JS对象,jQuery对象在操作时更加方便,代码更加简洁 但是需要注意的是:jQuery对象和JS对象的方法是不通用的,那么我们如果想在jQuery中使用js方法,或在js...因此,在这里和大家分享一下jQuery对象和JS对象之间的相互转换 jQuery转为js  使用jQuery对象[索引] 或者 jQuery对象.get(索引)将jQuery对象转化为js对象,即可使用...> 好了,关于jQuery对象和JS对象区别与转换的相关内容就先和小伙伴们分享到这里,之后还会继续和小伙伴们分享jQuery的选择器、DOM操作以及jQuery的高级进阶内容。

    5.4K20

    Jquery和vue对比

    今天说一说Jquery和vue对比,希望能够帮助大家进步!!!...然而从jquery到vue或者说是到mvvm的转变则是一个思想想的转变,是将原有的直接操作dom的思想转变到操作数据上去,难道不是一个根本性的改变吗?...然而vue以他独特的优势简单,快速,组合,紧凑,强大而迅速崛起  3.vue和jquey对比  jQuery是使用选择器()选取DOM对象,对其进行赋值、取值、事件绑定等操作,其实和原生的HTML的区别只在于可以更方便的选取和操作...4.举例说明 场景一:列表添加一个元素,下图为vue和jquery两种操作的代码,我们从中可以看出vue只需要向数据message里面push一条数据即可完成添加一个li标签的操作,而jquery则需要获取...两种操作的代码,我们从中可以看出vue只需要控制属性isShow的值为true和false即可,而jquery则还是需要操作dom元素控制按钮的显示和隐藏 vue: <!

    3K21

    jQuery 简介和安装

    jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 为什么使用...下载jQuery 有两个版本的 jQuery 可供下载: Production version - 用于实际的网站中,已被精简和压缩。...Development version - 用于测试和开发(未压缩,是可读的代码) 以上两个版本都可以从 jquery.com 中下载。...替代方案 如果您不希望下载并存放 jQuery,那么也可以通过 CDN 引用它。 百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。...如果你的站点用户是国内的,建议使用百度、又拍云、新浪等国内CDN地址,如果你站点用户是国外的可以使用谷歌和微软。 注:本站实例均采用百度 jQuery CDN库。

    1.6K50

    提供程序101:使用K8s和Crossplane订购披萨

    我们的产品Upbound Cloud是一个Crossplane的托管服务,它允许基础设施运营商为他们的团队定义和部署定制的云API和控制台。 作为“产品人”,我已经很多年没有写过产品代码了。...如果你不熟悉这个项目,Crossplane是一个云原生控制平面,它允许用户定位和抽象运行在本地或云中的基础设施资源。...这个项目 Provider-pizza是我学习更多关于Crossplane内部工作原理的尝试,并看看我可以在多大程度上扩展“通用云API”这个比喻,但这不是这篇文章的重点。...安装之后,提供程序为Crossplane用户提供统一的接口和API来编排和操作它们所代表的托管资源。...如果你有兴趣了解更多关于如何使用Crossplane处理和抽象你自己的基础设施的知识,即使它与比萨饼无关,我们也很乐意与你进行交流。加入Slack社区并在Twitter上关注我们。

    1.1K30

    在vue项目中使用jquery和jquery插件

    -- index-menu --> ---- 在vue项目中使用jquery和jquery插件 Vue之所以受欢迎,主要就在于它的轻量和灵活,我们可以用vue做SPA,也可以用它做多页应用,一个页面对应一个...而且因为他的轻量,低侵入性,所以我们可以很方便地和其他框架或者库搭配使用,那么我们怎么在基于vue的SPA应用中搭配jquery使用呢?...也不妨采用jquery和jquery插件来实现 引入jquery 引入jquery很简单,只需一下两步: 使用npm安装jquery依赖,或者把jquery下载到我们的本地 修改项目目录build下的webpack.base.conf.js.../src/assets/libs/jquery/jquery.min'), // 如果使用NPM安装的jQuery 'jquery': 'jquery'...引入jquery 插件 通过上面的配置,jquery就整合到我们的项目中了,不管在什么位置都可以直接使用了,如果要使用jquery的插件,只需要在我们要使用的组件中加载对应的插件资源就可以了(当然,要加载的资源必须是

    2K20
    领券