jquery教程 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

06-老马jQuery教程-jQuery高级

1.jQuery原型对象解密 jQuery里面的大部分API都是在jQuery的原型对象上定义的。jQuery源码中对原型对象做了简写的处理。...也就是说：jQuery.fn === jQuery.prototype,参考jQuery源码： ... jQuery.fn = jQuery.prototype = { // The current...version of jQuery being used jquery: version, constructor: jQuery, // The default length of a jQuery...构造函数添加属性和方法 (function(jQuery) { jQuery.appName = 'laoma Extend'; })(jQuery); 5.jQuery常用插件 jQuery UI...jQuery EasyUI jQuery formvalidate jQuery 延迟加载插件 .....

3.1K9 0

06-老马jQuery教程-jQuery高级

1.jQuery原型对象解密 jQuery里面的大部分API都是在jQuery的原型对象上定义的。jQuery源码中对原型对象做了简写的处理。...也就是说：jQuery.fn === jQuery.prototype,参考jQuery源码： ... jQuery.fn = jQuery.prototype = { // The current...version of jQuery being used jquery: version, constructor: jQuery, // The default length of a jQuery...所以我们可以在jQuery的api调用之后继续调用jQuery的方法，这样就称作是链式编程。...常用插件 jQuery UI jQuery EasyUI jQuery formvalidate jQuery 延迟加载插件 .....

2.7K0 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery Mobile 教程 (1)

同样的，秉承jQuery UI的优良传统，jQuery Mobile 也是可以定制主题的（Themable designs: Bigger and better），据官方文档（we added support...不脱俗，先从hello world 开始 Hello jQuery Mobile! Hello world, jQuery Mobile!....首先，需要引用jquery&& jquery mobile jquery.com/mobile/1.0a2/jquery.mobile...-1.0a2.min.css" /> jquery.com/jquery-1.4.3.min.js"> jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"> 然后，在body中插入内容块： <div data-role=

2.2K6 0

jQuery 入门指南教程

使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。...对象区别只有jQuery对象才能使用jQuery定义的方法。...注意dom对象和jQuery对象是有区别的，调用方法时要注意操作的是dom对象还是jQuery对象。普通的dom对象一般可以通过$()转换成jQuery对象。...它的原理在于每一步的jQuery操作，返回的都是一个jQuery对象，所以不同操作可以连在一起。...它是定义在jQuery构造函数上的方法，即jQuery.method()，所以可以直接使用。

2.1K1 1

02-老马jQuery教程-jQuery事件处理

如果需要了解DOM的教程参考地址：https://chuanke.baidu.com/v5508922-239160-1771112.html 1.1 简单绑定click事件语法格式：click([[...fn的内部作用域中this指向当前的DOM对象（注意不是jQuery的包装对象) 返回值： jQuery的包装对象！！！...所有的简单事件的返回值都是调用此方法的jQuery包装对象。...第二，只触发jQuery对象集合中第一个元素的事件处理函数。第三，这个方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。...jQuery对其封装后，避免了各个浏览器不同标准的差异。

8.1K0 0

02-老马jQuery教程-jQuery事件处理

如果需要了解DOM的教程参考地址：https://chuanke.baidu.com/v5508922-239160-1771112.html 1.1 简单绑定click事件语法格式：click([...fn的内部作用域中this指向当前的DOM对象（注意不是jQuery的包装对象) 返回值： jQuery的包装对象！！！...jQuery的可以绑定多次，而且相互不干扰。...所有的简单事件的返回值都是调用此方法的jQuery包装对象。...第二，只触发jQuery对象集合中第一个元素的事件处理函数。第三，这个方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。

4.3K8 0

JavaScript强化教程——jQuery 核心

本文作者：IMWeb 王军原文出处：IMWeb社区未经同意，禁止转载本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 —— jQuety 实例...： jQuery( callback ) 详细用法 jQuery( selector, [ context ] ) 该语法有以下几种用法：用法 1 ：设置选择器环境语法 jQuery([i]selector...jQuery 的核心功能都是通过这个函数实现的。jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。...用法 3 ：克隆 jQuery 对象语法 jQuery([i]jQuery object[/i]) 当以参数的形式向 $() 函数传递 jQuery 对象后，会创建一个该对象的副本。...用法 4 ：返回空的集合语法 jQuery() 对于 jQuery 1.4，调用无参数的 jQuery() 方法会返回空的 jQuery 集合。

1.8K2 0

jquery教程之css处理

老雷jquery教程之css处理一、css 访问匹配元素的样式属性 css(name|pro|[,val|fn]) 获取值 $("p").css("height") 设置值 $("p")

1.5K3 0

05-老马jQuery教程-动画

前言 jQuery的动画系统做的非常出色，而且把最常用的显示、隐藏、淡入淡出、滑动显示和折叠凳效果都做了很好的封装。...跟jQuery的选择器和事件配合起来，可以实现很多很绚的效果，而且简单易用兼容性好。 1. 显示动画 jQuery的原型上的方法 show()方法可以实现让DOM元素进行显示动画。...在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。参数跟show保持一致，不再赘述。...自定义动画 jQuery封装了对css中数值属性的动画效果的封装，可以让开发人员对数值类的属性进行自定义的动画。...// $('#foo').slideUp(300).delay(800).fadeIn(400); 12. jQuery动画属性设置关闭页面上所有的动画 jQuery.fx.off

3.3K5 0

jquery教程之查找筛选函数

jquery教程之查找筛选函数一、eq 获取当前链式操作中第N个jQuery对象，返回jQuery对象 $("p").eq(1) 从0开始 $("p:eq(1)") 二、hasClass 检查当前的元素是否含有某个特定的类

1.3K1 0

jquery教程之属性操作函数

jquery教程之属性操作函数一、html 取得第一个匹配元素的html内容获取 $('p').html(); 设置 $('p').html('设置html内容'); 二、text 取得所有匹配元素的内容.../jquery.min.js"> console.log($('#el').html()) $('#el p:first').html

1.3K2 0

JavaScript强化教程——jQuery AJAX 实例

本文作者：IMWeb 王军原文出处：IMWeb社区未经同意，禁止转载本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 —— jQuery AJAX...jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。...这是示例文件（"demo_test.txt"）的内容： jQuery and AJAX is FUN!!! This is some text in a paragraph..../demo_test.txt'); }) }) [removed] 请点击下面的按钮，通过 jQuery AJAX 改变这段文本。...获得外部的内容点击进入JS强化教程：http://www.h5edu.cn/htm/step/h5edu_44.html

1.7K9 0

05-老马jQuery教程-动画

前言 jQuery的动画系统做的非常出色，而且把最常用的显示、隐藏、淡入淡出、滑动显示和折叠凳效果都做了很好的封装。...跟jQuery的选择器和事件配合起来，可以实现很多很绚的效果，而且简单易用兼容性好。 1. 显示动画 jQuery的原型上的方法 show()方法可以实现让DOM元素进行显示动画。...在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。参数跟show保持一致，不再赘述。...自定义动画 jQuery封装了对css中数值属性的动画效果的封装，可以让开发人员对数值类的属性进行自定义的动画。...// $('#foo').slideUp(300).delay(800).fadeIn(400); 12. jQuery动画属性设置关闭页面上所有的动画 jQuery.fx.off

3.3K0 0

JavaScript强化教程——jQuery AJAX 实例

本文作者：IMWeb 王军原文出处：IMWeb社区未经同意，禁止转载本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 —— jQuery AJAX...jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。...这是示例文件（"demo_test.txt"）的内容： jQuery and AJAX is FUN!!! This is some text in a paragraph..../demo_test.txt'); }) }) [removed] 请点击下面的按钮，通过 jQuery AJAX 改变这段文本。...获得外部的内容点击进入JS强化教程：http://www.h5edu.cn/htm/step/h5edu_44.html

1K1 0

01-老马jQuery教程-jQuery入口函数及选择器

1.什么是jQuery？ 1.1 jQuery介绍 jQuery是一个轻型、快速的、小巧的功能丰富的JavaScript类库。本质就是一堆js的函数的组合。...很多老的项目都是jQuery开发的，所以jQuery还会运行很长时间。...jQuery的理念：write less，do more 1.3 jQuery相关资料参考书:《锋利的jQuery》 jQuery官网: http://jquery.com jQuery 在线API:... http://api.jquery.com jQuery UI: http://jqueryui.com jQuery的github地址： https://github.com/jquery/jquery...3.3 jQuery的包装对象和DOM对象通过jQuery的选择器选择出来的对象都是jQuery的包装对象，里面封装了jQuery的很多API方法，后续我们会一一学习。

3.7K10 0

01-老马jQuery教程-jQuery入口函数及选择器

前言这套jQuery教程是老马专门为寒门子弟而录制，希望大家看到后能转发给更多的寒门子弟。...很多老的项目都是jQuery开发的，所以jQuery还会运行很长时间。...jQuery的理念：write less，do more 1.3 jQuery相关资料参考书:《锋利的jQuery》 jQuery官网: http://jquery.com jQuery 在线API:...http://api.jquery.com jQuery UI: http://jqueryui.com jQuery的github地址： https://github.com/jquery/jquery...3.3 jQuery的包装对象和DOM对象通过jQuery的选择器选择出来的对象都是jQuery的包装对象，里面封装了jQuery的很多API方法，后续我们会一一学习。

3.5K0 0

jQuery 教程：简单的遮罩弹窗效果

top:50%;margin-top:-150px;background:#fff;z-index:3;left:50%;margin-left:-250px;} 简单解释一下，首先要隐藏起来，之后用 jQuery...特别要注意一点，背景层的半透明使用的是 opacity 属性，因为使用这个属性可以更好的用 jQuery 来控制。但是 fixed 、opacity 都是早期 IE 浏览器不支持的。...jQuery 代码分析一下遮罩的交互操作，无非就是点击弹出，然后点击一下遮罩，消失。那么就直接对 CSS 进行操作即可。...具体的代码和实现方式，请看这篇文章：简单的jQuery弹出遮罩层。差不多就是这样吧，至于内容层的展示之类的，就靠你根据具体内容自由发挥了。 ----

3.2K2 0

jquery基础教程之动画效果

jquery基础教程之动画效果一、显示隐藏 1、show([speed,[easing],[fn]]) 显示隐藏的匹配元素。

1.4K2 0

tooltip（title美化）教程——jquery的特效

这个功能需要引入jquery才能实现。 ?

6.8K4 0

jQuery基础教程之文档处理

jQuery基础教程之文档处理一、append appendTo append(content|fn) 向每个匹配的元素内部追加内容。

7161 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭